javascript - 禁用向上滚动过去的特定点

Question

我怎样才能使观众无法向上滚动（超过特定点）？

通过以下方式使观看者无法滚动很容易：

body{
    overflow: hidden;
}

但这也会禁用向下滚动。

详细说明

我想要的是一些 javascript/jquery 代码，它们不允许向上滚动超过给定的参数，而查看器在达到该参数之前仍然可以上下滚动，但在达到该参数之后，它们只能向上滚动，只要不是向上滚动超过给定的参数

我完全不知道该怎么做，有什么想法吗？

Answer 1

你可以设置一个物理点，然后说：

$(function() {
    var scrollPoint = 200;
    var scrolledPast = false;
    $(window).scroll(function() {
        $(window).scrollTop() > scrollPoint ? scrolledPast = true : '';
        $(window).scrollTop() < scrollPoint && scrolledPast == true ? $(window).scrollTop(scrollPoint) : '';
    }).scroll();
});

小提琴

尽管禁用滚动似乎有点违反直觉——为什么不直接隐藏页面本身的内容呢？