首頁 >web前端 >js教程 >jquery scroll()區分橫向縱向捲軸的方法_jquery

jquery scroll()區分橫向縱向捲軸的方法_jquery

WBOY
WBOY原創
2016-05-16 16:53:381817瀏覽

jquery在scroll()事件裡面,我想判斷當前滾動條橫向還縱向;
我開始用全域變數記錄scrollTop的值來判斷的,如​​果前後值沒有變就是橫向滾動了,
但是頁面裡有多個捲軸,就要多個全域變數來控制,該怎麼判斷呢?
scroll jquery 區分橫向縱向捲軸

解決方法:
each一次設定選擇器選取物件的scrollLeft/scrollTop就行了,然後綁定scroll事件,觸發的時候取得scrollLeft/scrollTop和初始化的scrollLeft/scrollTop對比判斷是橫向還是縱向,同時更新物件儲存的scrollLeft/scrollTop

複製程式碼 程式碼如下:


程式碼如下:


.c{height:120px;width:120px;overflow:auto;border:solid 1px black;margin-bottom:5px;}

111111111111111111
1111111111111111111
1111111111111111111
11111111111111111111111
11111111111111111111111111111 >1111111111111111111
1111111111111111111

111111111111111111
111111111111111111
1111111111111111111
1111111111111111111
11111111111111111111111111111111111

111111111111111111
1111111111111111111111
1111111111111111111111
111111111111111111111
1111111111111111111
111111111111111111
111111111111111111111111111111
111111111111111111
11111111111111111111111
11111111111111111111110021111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111




<script><BR>$('div').each(function(){$(this).data('slt',{sl:this.scrollLeft,st:this.scrollTop});}) .scroll(function(){<BR>    var sl=this.scrollLeft,st=this.scrollTop,d=$(this).data('slt');<BR>    if(sl!=d.sl)alert ('橫向滾動');<BR>    if(st!=d.st)alert('縱向滾動');<BR>    $(this).data('slt',{sl:sl,st:st} );///</script>

})
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn