欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

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

解決方法：
each一次設(shè)置選擇器選中對(duì)象的scrollLeft/scrollTop就行了，然后綁定scroll事件，觸發(fā)的時(shí)候獲取scrollLeft/scrollTop和初始化的scrollLeft/scrollTop對(duì)比判斷是橫向還是縱向，同時(shí)更新對(duì)象存儲(chǔ)的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('橫向滾動(dòng)');
    if(st!=d.st)alert('縱向滾動(dòng)');
    $(this).data('slt',{sl:sl,st:st});///
})
</script>

相關(guān)文章

最新評(píng)論