Выполнение скрипта, срабатывающего при скролле в обратном направлении, когда достигнут div?

Question

[Za Za]

Есть div который стоит сразу за хедером.
Когда пользователь возвращается к этому divу нужно чтоб срабатывал скрипт. Причем скрипт чтоб срабатывал не сразу, а только со второго свайпа.

Comments

[Алексей Ярков]

Покажите что вы сами написали и вам помогут. Иначе это задание.

[Модератор]

Постарайтесь писать более развёрнутые вопросы. Для получения ответа поясните, в чём именно вы видите проблему, как её воспроизвести, что вы хотите получить в результате и т. д. Приведите пример, наглядно демонстрирующий проблему.

[Za Za]

Алексей Ярков,

$(function() {
// функцию скролла привязать к окну браузера
$(window).scroll(function(){
   
// distanceTop = (высота: от начала страницы до эл-та #last) -
//- высота окна браузера
var distanceTop = $('#last').offset().top - $(window).height();
// если величина прокрутки больше distanceTop  
if ($(window).scrollTop() > distanceTop)
$('#slidebox').animate({'right':'0px'},300);
else
$('#slidebox').stop(true).animate({'right':'-430px'},100);
});
//связываем function() с событием click для эл-та .close  
$('#slidebox .close').bind('click',function(){
$(this).parent().remove();
});
});

#last срабатывает когда скрол доходит до него
нужно чтоб он срабатывал когда скролл доходи до него с низу вверх и при этом не срабатывал в самом начале когда при загрузке он уже виден сразу после хедера

в общем срабатывал когда человек пытается проскролить выше хедера

Answer 1

[Кирилл Гаврилов]

Самый простой способ это добавлять или убирать определенный класс, в моем случае это был класс "fixed-top" для элемента с id="fixedMenuBar"
Сктрип отслеживает положение экрана от верха документа, у меня он равен 80px, при котором срабаывает условие, что в одну, что в другую сторону: Удачи!

handleScroll(){
  var fixedMenuBar = document.getElementById("fixedMenuBar");
  if(window.pageYOffset >= "80"){
      fixedMenuBar.classList.add("fixed-top");
  }else{
      fixedMenuBar.classList.remove("fixed-top");
  }
}

Comments

[Za Za]

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

в общем похожего ни чего не смог найти
есть уйма вариантов как делать это в обратном направлении ))))