jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用jQuery检测水平滚动div的结束大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
所以,我在div中得到了一些数据.它按日期分成几块.它使用jQuery和mousewheel插件水平滚动.

当div达到它的终点(最左边,最右边)时,我需要发射一个事件.我认为通过检测在mousewheel插件获取的数据,可以通过当前实现的方式来计算何时无法进一步滚动.我只需要朝着正确的方向轻推.这是为我进行水平滚动的代码

$(document).ready(function () {        
    $('#timeline').mousedown(function (event) {
        $(this)
            .data('down',truE)
            .data('x',event.clientX)
            .data('scrollLeft',this.scrollLeft);
        return false;
    }).mouseup(function (event) {
        $(this).data('down',falsE);
    }).mousemove(function (event) {
        if ($(this).data('down') == truE) {
            this.scrollLeft = $(this).data('scrollLeft') + $(this).data('x') - event.clientX;
        }
    }).mousewheel(function (event,delta) {
        this.scrollLeft -= (delta * 30);
    }).css({
        'overflow' : 'hidden','cursor' : '-moz-grab'
    });
});

任何人都可以给我一些方向吗?谢谢!

解决方法

嘿,我已经为你准备了一个实施页面.您可以看到如何使用jQuery检测滚动区域的结尾.

对于整个文档,您必须在javascript中检测.scrollTop是否已等于.scrollHeight.使用jQuery,它将检测:

if ( $(document).scrollTop() == ( $(document).height() - $(window).height() ) {
  // Do something here ...
}

宽度也是如此.看看div here的例子.

大佬总结

以上是大佬教程为你收集整理的使用jQuery检测水平滚动div的结束全部内容,希望文章能够帮你解决使用jQuery检测水平滚动div的结束所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。