Question

文件准备就绪。滚动页面时，动态分配“cd-section”中的“可见”类

我需要在id =“container-3”时分配一个类“visible” - container id =“site”getting class .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>

Answer 1

如果滚动时班级发生变化，那么每次用户滚动时都应该使用scroll()事件进行检查，如果将班级active分配给该部分，则切换班级dark：< / p>

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

Answer 2

你可能正在寻找这样的东西吗？

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

jquery中的动态更改类

2 个答案: