jQuery меняет класс при навигации, когда div # прокручивается в горизонтальном положении

Question

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

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

Так, как я могу проверить и ось и класс переключения, когда div фактически находится в представлении окна?

Спасибо

Answer 1

Вы можете перехватить событие прокрутки следующим образом.

$('body').scroll(function(){

});

В следующей строке указывается позиция прокрутки.

$(window).scrollTop();
$(window).scrollLeft();

Чтобы заметить входящий div, сравните значение прокрутки и значениеdiv-offset каждый раз при прокрутке тела.

if( $('#div').offset().left < $(window).scrollLeft() )
{
    alert('I am in your view!');
}

Возможно, вам необходимо добавить ширину тела к вычислению.

Для переключения класса существует функция с именем toggleClass.Вы также можете использовать addClass и removeClass.