JS簡單判斷滾動條的滾動方向實現(xiàn)方法
更新時間：2017年04月28日 12:01:39 作者：一步小僧
這篇文章主要介紹了JS簡單判斷滾動條的滾動方向實現(xiàn)方法,涉及javascript針對scrollTop事件的相關操作技巧,需要的朋友可以參考下
本文實例講述了JS簡單判斷滾動條的滾動方向實現(xiàn)方法。分享給大家供大家參考，具體如下：
以下代碼實現(xiàn)判斷頁面的滾動條的滾動方向；
var sign = 80;//定義默認的向上滾與向下滾的邊界
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('向上');
}
}
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了淺談微信小程序flex布局基礎，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹使用js模擬一個類似百度google的模糊搜索下拉列表,需要的朋友可以參考下2014-04-04
layui問題之模擬table表格中的選中按鈕選中事件的方法
今天小編就為大家分享一篇layui問題之模擬table表格中的選中按鈕選中事件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
深入理解JS中attribute和property的區(qū)別
property 和 attribute非常容易混淆，但實際上，二者是不同的東西，屬于不同的范疇，本文就詳細的介紹一下JS中attribute和property的區(qū)別 ，感興趣的可以了解一下2022-02-02
這篇文章主要介紹了JS 數(shù)組基本用法,結合實例形式分析了JavaScript數(shù)組的定義、初始化、賦值、打印等相關操作技巧,需要的朋友可以參考下2020-01-01
Node.js是一套用來編寫高性能網(wǎng)絡服務器的JavaScript工具包，一系列的變化由此開始。比較獨特的是，Node.js會假設你是在POSIX環(huán)境下運行它Linux 或 Mac OS X2012-03-03
JS中的算法與數(shù)據(jù)結構之集合(Set)實例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結構之集合(Set),結合實例形式詳細分析了javascript中集合的概念、原理、定義及相關操作技巧,需要的朋友可以參考下2019-08-08
javascript使用正則表達式實現(xiàn)去掉空格之后的字符
這篇文章主要介紹了javascript使用正則表達式實現(xiàn)去掉空格之后的字符的方法,需要的朋友可以參考下2015-02-02
今天在項目碰到一個問題，之前在項目首頁實現(xiàn)單列表的顯示和隱藏，通過wx:if判斷就可實現(xiàn)，現(xiàn)在要實現(xiàn)多列表的單項顯示和隱藏功能應該如何實現(xiàn)呢？下面小編給大家?guī)砹宋⑿判〕绦蛑嗔斜淼娘@示和隱藏功能，感興趣的朋友一起看看吧2018-08-08
這篇文章主要介紹了JavaScript 中調用 Kotlin 方法實例詳解的相關資料,需要的朋友可以參考下2017-06-06