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