приземлившись на 1-й див, прокрутите вниз до следующего див, и отключите, чтобы вернуться к 1 див. как этого добиться?

Question

Я видел нечто похожее:
Пользователь приземлился в первом диве, который является разделом посадки, затем пользователь прокручивает вниз до следующего дива, где начинается веб-сайт.
И они могут 'После прокрутки вниз прокрутите назад к первому разделу Div / Landing.
Я приложил изображение, чтобы объяснить.

Как я могу сделать что-то подобное? Я помню, что видел это где-то, но сейчас не могу вспомнить.

Пожалуйста, помогите мне, спасибо.

Answer 1

(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)

Проверьте ссылку ниже: https://codepen.io/gopimx/pen/yLLjbGv