亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jquery scroll()區(qū)分橫向縱向滾動條的方法

 更新時間：2014年04月04日 09:09:40   作者：  
這篇文章主要介紹了使用jquery scroll()方法區(qū)分瀏覽器橫向和縱向滾動條的方法,需要的朋友可以參考下

jquery在scroll()事件里面，我想判斷當(dāng)前滾動條橫向還縱向；
我開始用全局變量記錄scrollTop的值來判斷的，如果前后值沒有變就是橫向滾動了，
但是頁面里有多個滾動條，就要多個全局變量來控制，該怎么判斷呢？
scroll jquery 區(qū)分橫向縱向滾動條

解決方法：
each一次設(shè)置選擇器選中對象的scrollLeft/scrollTop就行了，然后綁定scroll事件，觸發(fā)的時候獲取scrollLeft/scrollTop和初始化的scrollLeft/scrollTop對比判斷是橫向還是縱向，同時更新對象存儲的scrollLeft/scrollTop

復(fù)制代碼 代碼如下:

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

<div class="c">111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111</div>
<div class="c">111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111</div>
<div class="c">111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111</div>
<div class="c">111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111</div>


<script src="/js/jquery.js"></script>

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

相關(guān)文章

最新評論