javascript - jQuery——防止用户向上滚动超过一定的滚动高度

Question

我正在制作一个单页网站。

基本上，我有一个带有登陆图像和 Bootstrap 的动画登陆页面 jumbotron .我希望能够实现一个功能，一旦用户滚动到 jumbotron 的末尾，用户无法向上滚动以查看着陆图像和 jumbotron .在某种意义上，隐藏或删除 <div> s 位于顶部，或完全禁用滚动回到这些点。

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

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

有什么想法吗？

Answer 1

您可以使用此代码隐藏超大屏幕。

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