Какое событие при скроле к другому блоку добавит класс?

230

21 мая 2017, 23:15

Когда край окна достигнет блока с классом .our-mission, то к блоку с классом .nav-left должен добавиться класс .fixed-nav-left, а если скролить к началу, то как только верх окна браузера покинет блок с классом .our-mission то удалится класс .fixed-nav-left

<header>
   header страницы
</header>
<section class="our-mission">
   <nav class="nav-left">
      Меню сайта
   </nav>
  Our mission
</section>

Answer 1

Добавьте в ваш скрипт:

var stickySidebar = $(".our-mission").offset().top;
$(window).scroll(function() {
    if ($(window).scrollTop() > stickySidebar) {
        $('.nav-left').addClass('fixed-nav-left');
    }
    else {
        $('.nav-left').removeClass('fixed-nav-left');
    }
});