Javascript jQuery——防止用户向上滚动超过特定的滚动高度

我正在做一个一页的网站

基本上，我有一个带有着陆图像和引导

jumbotron

的动画着陆页面。我希望能够实现这样一个功能，即一旦用户滚动到

jumbotron

的末尾，用户就无法向后滚动查看着陆图像和

jumbotron

。从某种意义上说，要么隐藏或删除位于顶部的

，要么完全禁用回滚到这些点的功能

我找到了这段代码，但它会在页面加载时自动禁用向上滚动到页面顶部（200像素后）：

$(function() {
    var scrollPoint = 200;
    $(window).scroll(function() {
    $(window).scrollTop() < scrollPoint ? 
    $(window).scrollTop(scrollPoint) : '';
  }).scroll();
});

$（函数（）{
var=200；
$（窗口）。滚动（函数（）{
$（窗口）.scrollTop（）

---

有什么想法吗？

您可以使用此代码隐藏jumbotron

$(window).bind('scroll', function() {
if($(window).scrollTop() >= $('#id_of_jumbotron').offset().top + 
 $('#id_of_jumbotron').outerHeight() - window.innerHeight) {
    hideTheJumboTron();
}
});

试试这个：

$(function () {
    var scrollPoint = 200;
    $(window).scroll(function () {
        if ($(window).scrollTop() < scrollPoint) {
            console.log($(window).scrollTop());
            $(window).scrollTop(scrollPoint)
            return false;
        }
    }).scroll();
});

$（函数（）{
var=200；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）

不要删除滚动功能，只需确保主体内的父容器的最大高度为200px，并隐藏溢出。因此，用户将无法访问下面的任何内容。如果您禁用滚动，那么您还需要找到scrollup事件并再次启用它，这很重要。您还可以在滚动函数中调用

event.preventDefault（）

，一旦您越过

200px

@harshit，我尝试了这个方法，但它没有做任何事情…是的，这实际上比我找到的方法更好，然而，页面加载时无法滚动到页面顶部是一个基本问题，这是一个问题。我希望用户能够在页面加载时看到jumbotron及其上面的元素，但一旦这些元素被滚动过去，我希望用户不能再滚动到那里。您可以在

$（窗口）之后添加您的条件（例如
isAllLoaded
）。scrollTop（）

，一切都会正常@Rehman