js判斷滾動條滾動方向

2022-05-04 14:27:10 字數 845 閱讀 1724

//第一種寫法

var a;

function scroll( fn ) ;

window.addeventlistener("scroll", function() , false);

}scroll(function(direction) );

// 第二種寫法

var a;

function scroll( fn ) ;

window.addeventlistener("scroll", function() , false);

}scroll(function(direction) );

// 第三種寫法------這樣寫不知道fn這個函式的用意,那樣寫很明白就清楚fn的意思了,是執行完事件後的**函式

var a;

var beforescrolltop = document.body.scrolltop,

fn = fn || function() {};

window.addeventlistener("scroll", function() , false);

function fn(direction) ;

window.onscroll=function()

今天在做類似於京東、天貓樓層切換效果的時候,利用迴圈實現,需要執行乙個iscroll的方法,可是這個方法卻只能在滿足條件的時候執行一次,而不是每次滾動都能夠實現,所以就想到要判斷滾動條滾動方向,所以就搜了這麼一段**,因為涉及到js閉包的知識,本人就掛了,對閉包真的是不懂,多虧問了文傑同學,理解了這麼一段**,寫下來,記錄一下。

(雖然最終這個效果並不需要判斷滾動條滾動方向,是自己的邏輯發生了錯誤)。

判斷滾動條的滾動方向

滾動條事件是js事件中一 個很普遍的事件,如通常 見到的返回到頂部,還有一些 側邊欄跟隨滾動條的側邊欄,這些都是乙個 前端工程師必知的常識,下面我帶大家簡要的說說滾動條事件的一些基礎知識,並順帶給大家乙個需要用到的滾動條特效 判斷滾動條的滾動方向 一.獲取滾動條的高度 var oscrolltop ...

query判斷頁面滾動條 scroll 方向

function scroll fn window.addeventlistener scroll function false 呼叫方法 scroll function direction scrolldirect function fn window.addeventlistener scrol...

js網頁滾動條滾動事件

獲取座標 ie event.x event.y 獲取滾動條位置 document.body.scrolltop 滾動條離頁面最上方的距離 document.body.scrollleft 滾動條離頁面最左方的距離 當我用js獲取當前垂直或者水平方向滾動條位置的時候,使用 document.body....