JS簡單判斷滾動條的滾動方向?qū)崿F(xiàn)方法
更新時間：2017年04月28日 12:01:39 作者：一步小僧
這篇文章主要介紹了JS簡單判斷滾動條的滾動方向?qū)崿F(xiàn)方法,涉及javascript針對scrollTop事件的相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JS簡單判斷滾動條的滾動方向?qū)崿F(xiàn)方法。分享給大家供大家參考，具體如下：
以下代碼實現(xiàn)判斷頁面的滾動條的滾動方向；
var sign = 80;//定義默認(rèn)的向上滾與向下滾的邊界
window.onscroll = window.onresize = function(){
var oScrollTop=$(window).scrollTop();
if ( oScrollTop > 80) {
//write your code
}
if ( oScrollTop < 80) {
//write your code
}
if ( oScrollTop > sign) {
sign = oScrollTop;//更新scrollTop
//console.log('向下');
}
if ( oScrollTop< sign) {
sign = oScrollTop//更新scrollTop
//console.log('向上');
}
}
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了JavaScript中跨域調(diào)用Flash的方法,只需要在Flash中加一句話即可,需要的朋友可以參考下2014-08-08
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)HTML表格排序功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
下面小編就為大家?guī)硪黄獪\談JS封閉函數(shù)、閉包、內(nèi)置對象。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
遇到一個Js從Cookies里面取值的需求，Js貌似沒有現(xiàn)成的方法可以指定Key值獲取Cookie里面對應(yīng)的值，簡單實現(xiàn)如下2014-06-06
這篇文章主要介紹了純js+html制作手風(fēng)琴和純css+html制作手風(fēng)琴兩種效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了用box固定長寬實現(xiàn)圖片自動輪播效果,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)圖片查看器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了如何構(gòu)建一個JavaScript插件系統(tǒng)，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-10-10
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)水平移動與垂直移動動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了淺談FastClick 填坑及源碼解析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03