时间:2021-05-26
jquery在scroll()事件里面,我想判断当前滚动条横向还纵向;
我开始用全局变量记录scrollTop的值来判断的,如果前后值没有变就是横向滚动了,
但是页面里有多个滚动条,就要多个全局变量来控制,该怎么判断呢?
scroll jquery 区分横向纵向滚动条
解决方法:
each一次设置选择器选中对象的scrollLeft/scrollTop就行了,然后绑定scroll事件,触发的时候获取scrollLeft/scrollTop和初始化的scrollLeft/scrollTop对比判断是横向还是纵向,同时更新对象存储的scrollLeft/scrollTop
复制代码 代码如下:
<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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
css滚动条样式修改的代码.scroll::-webkit-scrollbar{//纵向滚动条和横向滚动条宽度width:1px;height:1px;}.sc
滚动条属性所属对象:编辑框操作系统支持:Windows数据类型:整数型;滚动条只有在多行方式下才有效。可供选择的属性值:0、无1、横向滚动条2、纵向滚动条3、横
在IE下文本框textarea会显示滚动条(如下:)去掉textarea横向或纵向滚动条办法:可以通过overflow-x:hidden和overflow-y:
位置属性属对象:纵向滚动条操作系统支持:Windows,数据类型:整数型;指定对象的现行位置。语法:对象.位置=整数型应用对象:纵向滚动条例程说明:在纵向滚动条
实例如下://滑动滚动条$(window).scroll(function(){//滚动条距离顶部的距离大于200px时if($(window).scrollT