動態變化課，jquery

文檔已準備就緒。當滾動頁面是動態的分配類「可見」，在「CD-節」動態變化課，jquery

我需要在ID =「容器3」分配類「看得見」 - 容器的id =「地盤」越來越級.dark

我的腳本不與容器類

<div id="site"> 
    <section class="itemListPrimary cd-section visible" >1</section> 
    <section class="itemListSecondary cd-section" id="container-0"></section> 
    <section class="itemListSecondary cd-section" id="container-1"></section> 
    <section class="itemListSecondary cd-section" id="container-2"></section> 
    <section class="itemListSecondary cd-section" id="container-3"></section> 
</div> 
<script> 
jQuery(document).ready(function(){ 
    if (jQuery('#container-03').hasClass('visible')) { 
    jQuery('#site').addClass('dark'); 
    } else { 
    jQuery('#site').removeClass('dark'); 
    } 
}); 
</script>

來源

2016-01-13 Вадим Курганский

更好地使用'toggleClass' –

您將需要使用DOM觀察員或觸發類時改變，那麼一個事件使用該事件來分配活動類 –

請糾正我，如果我錯了 - 你想要將'visible'分類到當前處於視圖端口的部分（對最終用戶可見）？當最後一個容器進入視圖端口，那麼你想添加'黑暗'類到'＃站點'？ – vijayP

的動態變化工作，如果類發生變化，然後滾動時或許你應該使用scroll()事件來檢查用戶每次滾動如果類active被分配給部分然後撥動類dark：

jQuery(window).scroll(function(){ 
    if (jQuery('#container-3').hasClass('active')) { 
     jQuery('#site').addClass('dark'); 
    } else { 
     jQuery('#site').removeClass('dark'); 
    } 
});

來源

2016-01-13 12:19:26 mylee

不起作用（（http://aurora.bp-oblako.ru/ –

什麼觸發了cd-sections的類的變化？ – mylee

可能您正在尋找類似的東西？

jQuery(window).scroll(function(){ 
     if(jQuery(".itemListSecondary.cd-section").hasClass("active")){ 
     jQuery("#site").toggleClass("dark"); 
     } 
    });

來源

2016-01-13 12:19:37

動態變化課，jquery

回答

相關問題