如果Slider類是活動/可見的，請更改Body的類

如果某個特定幻燈片帶有類「switch-nav」，則需要更改「body」的類（如果該任務不相關）存在。目前，我已經嘗試了各種方法，許多方法最初都會添加主體類，但當帶有「switch-nav」類的滑塊熄滅時，不會移除它/我們移動到沒有該類的下一張幻燈片。這是一般的幻燈片標記： -如果Slider類是活動/可見的，請更改Body的類

<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>

理想的情況下，這將觸發類是在視口中或不是我期待通過類的開關來改變「頁」導航。

來源

2017-01-23 glennyboy

我不確定你是否嘗試過它，但jQuery有一個可見性選擇器。

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

來源

2017-01-23 16:59:37

嗨，是的，我已經綁定，無濟於事。我認爲這可能與Webflow滑塊在幻燈片中的動畫效果有關： - transition：opacity 800ms; -webkit-transition：不透明度800ms;這意味着腳本不會觸發.... – glennyboy

也據我瞭解，'可見'選擇器正在尋找'顯示'屬性，在這種情況下，它的'可見性'，而不是'顯示'。 – glennyboy

如果Slider類是活動/可見的，請更改Body的類

回答

相關問題