ScrollMagic。将类添加到两个元素

时间:2017-01-12 10:21:24

标签: javascript jquery css scrollmagic

我正在尝试将visible类设置为元素.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);

如何将类添加到两个元素中?提前谢谢

1 个答案:

答案 0 :(得分:2)

相反,你必须在方法中传递一个组选择器:

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