Question

我有一个Webflow Slider（可能与任务无关），需要更改＆＃39; body＆＃39;如果特定的幻灯片有类＆＃39; switch-nav＆＃39;存在。目前我已经尝试了各种方法，很多人会在最初添加body类，但是当带有＆switch; nav＆nav;的滑块时不会删除它。 class离开了视图/我们移动到没有该类的下一张幻灯片。这是一般幻灯片标记： -

<div class="slide switch-nav w-slide" style=transform: translateX(-4500px); opacity: 1; visibility: hidden;"></div>
<div class="slide image-2 w-slide" style="transform: translateX(-4500px); opacity: 1; z-index: 1; visibility: hidden;"></div>
<div class="slide image-3 w-slide" style="transform: translateX(-4500px); opacity: 1; z-index: 3; transition: opacity 800ms; -webkit-transition: opacity 800ms;"></div>

理想情况下，这将触发该类是否在视口中，因为我正在寻找更改“页面”的页面。通过班级开关导航。

Answer 1

我不确定你是否已经尝试过，但jQuery有一个可见性选择器。

if $('.switch-nav').is(":visible") {
    $(this).addClass('visibleClass');
}
else {
    $(this).removeClass('visibleClass');
}

如果Slider Class处于活动/可见状态，则更改Body的类

1 个答案: