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

Question

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

<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');
}