编程语言
首页 > 编程语言> > javascript-jQuery,jscrollpane-防止窗口在到达div结束时滚动

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

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

标签:jscrollpane,css,javascript,jquery
来源: https://codeday.me/bug/20191102/1990554.html