禁用向上滚动到特定点

时间:2013-09-20 20:28:20

标签: javascript jquery css scroll

我怎样才能让观众无法滚动向上(超过特定点)?

通过以下方式使观看者无法滚动:

body{
    overflow: hidden;
}

但是也禁用了向下滚动。

详细说明

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

我完全不知道怎么做这个,有什么想法吗?

1 个答案:

答案 0 :(得分: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();
});

Fiddle

虽然禁用滚动似乎有点违反直觉 - 为什么不只是隐藏页面本身的内容?