当div＃水平滚动到视图中时，jQuery更改导航类

Question

我已经看到了这个问题here并且它非常有用，但如果导航是横向的呢？当div从水平导航滚动到视图时，我想将我的活动按钮上的类更改为活动状态。

现在我正在处理的网站，纵向和横向滚动，当它到达一个div，在其同一轴上有其他div时，它显示所选html的第一个div，即使是不在当前的观点中。

那么当div实际处于窗口视图中时，如何检查轴和切换类？

谢谢

Answer 1

您可以像这样捕捉滚动事件。

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

});

以下行为您提供滚动位置。

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

要注意，每次滚动正文时，输入div会比较滚动值和div偏移量。

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

也许您必须将体宽添加到计算中。

要切换一个类，有一个名为toggleClass的函数。您也可以使用addClass和removeClass。