滚动魔术。两个元素加class

Question

我正在尝试将 visible class 设置为元素 .wordpress 和 .wordpress-txt

对于一个元素，这项工作：

      var sunScene = new ScrollMagic.Scene({
        triggerElement: 'body',
        triggerHook: 0.5,
        offset: 1000,
        duration: '1000px'
      })
      .setClassToggle(".wordpress", "visible")
      .addTo(controller);

对于两个元素，不起作用（仅适用于第二个元素 .wordpress-txt）：

      var sunScene = new ScrollMagic.Scene({
        triggerElement: 'body',
        triggerHook: 0.5,
        offset: 1000,
        duration: '1000px'
      })
      .setClassToggle(".wordpress", "visible")
      .setClassToggle(".wordpress-txt", "visible")
      .addTo(controller);

使用 jQuery 选择器，也不起作用：

      var wordpressE = $('.wordpress', '.wordpress-txt')
      var sunScene = new ScrollMagic.Scene({
        triggerElement: 'body',
        triggerHook: 0.5,
        offset: 1000,
        duration: '1000px'
      })
      .setClassToggle(wordpressE, "visible")
      .addTo(controller);

如何将 class 添加到两个元素？提前谢谢你

Answer 1

相反，您必须在方法中传递一个组选择器：

.setClassToggle(".wordpress, .wordpress-txt", "visible")

滚动魔术。两个元素加class

ScrollMagic. Add class to two elements

javascript

css

jquery

scrollmagic