Question

我的网站上有一个简单的欢迎页面，显示图像及其标题和按钮以进行注册。

工作小提琴： JSFiddle

问题：我希望能够在检测到任何向下滚动事件时禁用页面滚动。

这是因为我希望能够在向下滚动事件上执行一些动画，而不是实际滚动页面。

尝试：

        $(document).ready(function() { 

                      var CurrentScroll = 0;
                      $(window).scroll(function(event){

                          var NextScroll = $(this).scrollTop();

                          if (NextScroll > CurrentScroll){
                             //write the codes related to down-ward scrolling here
                             /// Animations Codes Here

                          }
                          else {
                             //write the codes related to upward-scrolling here

                          }

                          CurrentScroll = NextScroll;  //Updates current scroll position
                      });
                    });

这是我试图检测向下滚动的脚本，但由于滚动而看不到动画，因此我需要一个解决方法。

如何使用jquery实现我想要的功能？

Answer 1

简单的方法是简单地监听滚动事件并忘记尝试阻止滚动，然后接管用户的滚动，如下所示：

var scrollTarget = 300;
$("#divThatScrolls").scroll(function() {
    $("#divThatScrolls").animate({ scrollTop: scrollTarget+"px" });
});

根据您要滚动到的位置，只需更改scrollTarget。

Answer 2

body
{
  position: fixed; 
  overflow-y: scroll;
  width: 100%;
  height: 100%
}

试试这个

检测向下滚动时禁用向下滚动

2 个答案: