JQ 如何判断横向滚动条到最右侧

Posted 2023-05-05

就是 如何判断 横向滚动条到底了 不能滚动了 如何获得这个滚动的最大值

　jquery在scroll()事件里面，我想判断当前滚动条横向还纵向；
　　我开始用全局变量记录scrollTop的值来判断的，如果前后值没有变就是横向滚动了，
　　但是页面里有多个滚动条，就要多个全局变量来控制，该怎么判断呢？
　　scroll jquery 区分横向纵向滚动条
　　解决方法：
　　each一次设置选择器选中对象的scrollLeft/scrollTop就行了，然后绑定scroll事件，触发的时候获取scrollLeft/scrollTop和初始化的scrollLeft/scrollTop对比判断是横向还是纵向，同时更新对象存储的scrollLeft/scrollTop
<style>
.cheight: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>

最近流行的 sogo云输入法， QQ云输入法，都用到了bookmarklet技术。

这篇文章主要介绍了jQuery中even选择器的定义和用法,较为详细的分析了event选择器的语法结构与具体用法,并以一个设置偶数行为蓝色字体的例子总结了其用法与功能特点,需要的朋友可以参考下

晚上有插件可以实现"jquery tab"，但有点复杂了，我想写个最简单的，来实现"jquery tab"。而事实上确实很简练

这篇文章主要介绍了JQuery样式操作、click事件以及索引值-选项卡应用,结合实例形式分析了jQuery动态修改css样式、事件响应以及选项卡相关操作技巧,需要的朋友可以参考下

jQuery在遵循W3C规范的情况下，对事件的常用属性进行了封装，使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断

主要是为了往后的项目中方便实现这类型的功能，在之前做问卷调查那个应用中，就用到这个来显示结果，但当时开发时并不用是插件的，一大堆代码，看也烦，用起来很麻烦

jquery动态添加option选项，还有动态删除的方法，大家参考使用吧

qTip2是一个灰常强大且精致的jQuery提示信息插件，是qTip的第2版，也是一个全新的版本，提供了丰富的功能及漂亮的外观，非常易于使用 参考技术A <div class="wrapper">
    <div class="content">
    111
    </div>
</div>

<script>
$(document).ready(function() 
    $('.wrapper').on('scroll', function(e) 
        if ($(this).scrollLeft() === 0) 
            console.log('到起点了')
        
        if (($(this).width() + $(this).scrollLeft()) === $('.content').width()) 
            console.log('到最右侧了')
        
    )
)
</script>

scrollLeft()

本回答被提问者和网友采纳

elementUI的el-table在用fixed且有滚动条时出现的样式问题总结

参考技术A 1.在el-table的一些列加fixed后，固定列的横向滚动条无法拖动问题: (1)加样式

如果有合计行的，适当增加bottom的值

(2)加上样式后，因为固定列有bottom: 17px的距离，会导致不固定列的滚动到底部后，与左侧发生错位

这时需加上：

2.有纵向滚动条，在横向拖到最右侧时，导致表格位置错乱

这时需要加上