jqueryscroll()区分横向纵向滚动条的方法_jquery

来源：动视网责编：小采时间：2020-11-27 21:21:24

jqueryscroll()区分横向纵向滚动条的方法_jquery

jqueryscroll()区分横向纵向滚动条的方法_jquery:jquery在scroll()事件里面，我想判断当前滚动条横向还纵向；我开始用全局变量记录scrollTop的值来判断的，如果前后值没有变就是横向滚动了，但是页面里有多个滚动条，就要多个全局变量来控制，该怎么判断呢？scroll jquery 区分横向纵向滚动条解决方法：

推荐度：

点击下载本文 文档为doc格式

导读jqueryscroll()区分横向纵向滚动条的方法_jquery:jquery在scroll()事件里面，我想判断当前滚动条横向还纵向；我开始用全局变量记录scrollTop的值来判断的，如果前后值没有变就是横向滚动了，但是页面里有多个滚动条，就要多个全局变量来控制，该怎么判断呢？scroll jquery 区分横向纵向滚动条解决方法：

jquery在scroll()事件里面，我想判断当前滚动条横向还纵向；
我开始用全局变量记录scrollTop的值来判断的，如果前后值没有变就是横向滚动了，
但是页面里有多个滚动条，就要多个全局变量来控制，该怎么判断呢？
scroll jquery 区分横向纵向滚动条

解决方法：
each一次设置选择器选中对象的scrollLeft/scrollTop就行了，然后绑定scroll事件，触发的时候获取scrollLeft/scrollTop和初始化的scrollLeft/scrollTop对比判断是横向还是纵向，同时更新对象存储的scrollLeft/scrollTop
代码如下:

111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111
1111111111111111111

$('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});///
})

jqueryscroll()区分横向纵向滚动条的方法_jquery

推荐度：

点击下载本文 文档为doc格式

标签：横向 scroll jQuery

热门焦点

jqueryscroll()区分横向纵向滚动条的方法_jquery

jqueryscroll()区分横向纵向滚动条的方法_jquery

jqueryscroll()区分横向纵向滚动条的方法_jquery

最新推荐

猜你喜欢

热门推荐