javascript - 如何防止使用 JavaScript 或 jQuery 向上滚动？

Question

我有一个网页，其中有一张全高介绍图片。在这张图片下面是网站的主体，顶部有一个常规的网站标题，我正在尝试创建一种效果，一旦用户向下滚动到网站标题，他们就无法向上滚动以查看介绍图片。

CSS 类:

主要介绍图片:.cq-fullscreen-intro

站点标题:.nav-down

我在 StackOverflow 上查了一下，但找不到任何解决这种情况的方法，有人能指出我使用 jQuery 实现这一目标的正确方向吗？

Answer 1

你可以像这样使用 JQuery scrollTop 函数

$(function() {
    $(window).scroll(function() {    
        var scroll = $(window).scrollTop();
        // set the height in pixels
        if (scroll >= 200) {
         // after the scroll is greater than height then you can remove it or hide it
           $(".intro-image").hide();
        }
    });
});