偵測滾動方向
利用JavaScript的滾動事件,無需jQuery即可確定滾動方向。
偵測滾動方向
為了實現這一點,我們將儲存先前的scrollTop值並將其與目前的scrollTop值進行比較。
var lastScrollTop = 0;
// element should be replaced with the actual target element on which you have applied scroll, use window in case of no target element.
element.addEventListener("scroll", function () { // or window.addEventListener("scroll"....
var st = window.pageYOffset || document.documentElement.scrollTop; // Credits: "https://github.com/qeremy/so/blob/master/so.dom.js#L426"
if (st > lastScrollTop) {
// downscroll code
} else if (st 使用此方法,無需依賴第三方函式庫,即可準確偵測任意網頁的捲動方向。
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3