Jquery 在第一个分区着陆，向下滚动到下一个分区，然后禁用滚动回到第一个分区。如何实现这一点？

我看到过类似的效果：
用户登录到第一个div，即登录部分，然后用户向下滚动到下一个div，即网站开始的地方。
向下滚动后，他们无法再滚动回第一个div/landing部分。
我在这里附上了一张图片来解释。

我怎么能做这样的事？我记得我在什么地方见过它，但现在想不起来了。

请帮帮我，谢谢

(function($jq) {
$jq(document).ready(function() {
  function FirstScrool() {
    var cScrollVal = $jq(document).scrollTop(),
      body = $jq("body"),
      header = $jq("#Landing"),
      hHeight = header.outerHeight(),
      hClass = "hide-landing";
    console.log("cScrollVal ==>" + cScrollVal)
    console.log("hHeight ==>" + hHeight)
    if (cScrollVal >= (hHeight / 2)) {
      if (!body.hasClass(hClass)) { body.addClass(hClass); }
    } 
  }
  $jq(window).scroll(function() {
    FirstScrool();
  });
});
})(jQuery)

检查以下链接：

---

展示您如何尝试此功能的代码，没有人会编写完整的代码我只是想知道此函数的名称，不是真的想用代码填鸭喂喂喂喂，这是工作。但是红盒子/落地太快了，我在这里演示：-。它只能在红色框完全向上滚动后隐藏吗？还有一些缓和？