javascript - 在某个点停止/禁用垂直滚动，但能够向上滚动页面但不能向下滚动

Question

我制作了一个具有水平和垂直滚动功能的游戏网站，但我希望该网站在“第二个箭头”处停止或禁用向下滚动页面，但能够向上滚动页面。

基本上我已经尝试过“overflow-y:hidden”，但我仍然希望能够向上滚动页面

https://codepen.io/54x1/full/qBBdXGP

查看我的代码笔以查看我的设计

我想要的代码:

var BotOfWin1 = $(window).scrollTop() + $(window).outerHeight();
var BotOfObj1 = $('.main-rules').position().top + $('.main-rules').outerHeight();
if (BotOfWin1 > BotOfObj1) 
   {
   $('.game-section').css({"display": "block"});
   } else {
      $('.game-section').css({"display": "none"});
   }

Answer 1

我不知道您禁止在第二个箭头下方滚动的动机(除了滚动之外，用户可以导航到那里吗？)。所以我只是假设，您只是想阻止用户到达那里。

只需在 CSS 中使用 display: none 即可不显示内容。