Question

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

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

Answer 1

　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>

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

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

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

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

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

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

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

qTip2是一个灰常强大且精致的jQuery提示信息插件，是qTip的第2版，也是一个全新的版本，提供了丰富的功能及漂亮的外观，非常易于使用

Answer 2

<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()