Блог

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

Мне это нужно для того, чтобы, если пользователь прокручивает больше (например) 50 пикселей, запускалось событие JS, и если пользователь прокручивает резервную копию другого события JS. Это позволит мне скрыть элемент, если пользователь прокручивает, и элемент reapper, если они возвращаются к началу.

Я использовал следующее, которое работает, когда пользователь прокручивает, но мне нужно иметь возможность определять значение, чтобы оно было больше, а затем иметь другое событие, когда оно меньше значения.

 $(".section").scroll(function() {
    $("#header").css( "display", "none" ).fadeOut( "slow" );
});
  

Любые идеи будут высоко оценены, ребята!

Приветствую Лиама

попробуйте использовать $(this).scrollTop() :

 $(".section").scroll(function() {
  if ($(this).scrollTop() > 50) {
    // do something
  } else {
    // do something else
  }
});