@Secret73

Как выполнить действие при скролле до нужного div?

Задача:
Когда пользователь пролистал div с классом .item (т.е. он ушел за верхнюю границу браузера), элементу button, присвоить .fixed, что бы она из горизонтального положения применила вертикальное и стала фиксированная, когда пользователь, пролистал до низа страницы, button снова приняла горизонтальное положение и прижата книзу. Когда пользователь листает обратно, примененные изменения отменяются.
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
@Secret73 Автор вопроса
$(document).scroll(function () {
      s_top = $("body").scrollTop();
      yes = $("#id").offset().top;
      if(s_top > yes){
        $('.btn-my').addClass('fixed-btn');
      } else {
        $('.btn-my').removeClass('fixed-btn');
      }
      if  ($(window).scrollTop() == $(document).height() - $(window).height()) {
        $('.btn-my').removeClass('fixed-btn');
        $('.btn-my').addClass('fixed-btn-bottom');
      } else {
        $('.btn-my').removeClass('fixed-btn-bottom');
      }
    });
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы