微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript-jQuery,jscrollpane-防止窗口在到达div结束时滚动

如果要到达jscrollpane div的顶部或底部,我试图阻止浏览器窗口滚动. Tinyscrollbar做到了.

使用jscrollpane我可以检测到div滚动,如下所示:

var jsp = $(".scroll-pane").data('jsp'); // getting hold of the api
jsp = $("#" + e.attr('id') + " > .Feed-items").bind(
    'jsp-scroll-y', function(e, scrollPositionY, isAtTop, isAtBottom) {
        // reached bottom
        if (jsp.getPercentScrolledY() == 1) {
        } else {
            // ...
        }
    })

我尝试使用e.preventDefault(),但是没有用.我尝试了魔盒中的所有内容,从返回假到停止传播.什么都没有.有个不错的技巧:

$("body").css("overflow", "hidden")
         .css('margin-left', "-" + __scrollbarWidth + "px");

但我不想使用它,因为它并不完美.

有任何想法吗?

解决方法:

>您必须在div中添加示例类测试
>添加一些JavaScript:

 $(document).on('mousewheel', '.test',
      function (e) {
      var delta = e.originalEvent.wheelDelta;
      this.scrollTop += (delta < 0 ? 1 : -1) * 30;
      e.preventDefault();
 });

其用于垂直滚动.如果您想对水平滚动条做同样的事,请告诉我

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐