JS SVG颜色更改onLeave(fullpage.js)

时间:2018-08-09 16:26:55

标签: javascript jquery svg fullpage.js scrollmagic

如果有人可以提供帮助,请fullpage.js

我正在第3节和第5节中更改内联SVG的颜色(因为它们使用了深色bg),如下所示:

onLeave: function(anchor, index){
        if(index == 3 || index == 5){
          $('#svg-logo-color path').css({"fill":"#000"});
        }
        else{
          $('#svg-logo-color path').css({"fill":"#fff"});
        }
      }  

像这样在CSS中设置SVG颜色:

#svg-logo-color {
    fill:#fff;
}

#svg-logo-color-dark {
    fill:#000;
}

问题是:

  1. 如何使用CSS ID(或类)“#svg-logo-color-dark”触发“ onLeave”以更改颜色,而不要使用“ .css({“ fill”:“#000”} );“?

  2. 是否可以使用CSS ID(或类)来触发“ onLeave”,而不是使用索引1,2,3(节)? -我之所以这样问,是因为换色应该出现在该部分的一部分上,而不是整个部分。

如果任何人都可以使用scrollmagic.js替代方案,那么我全神贯注。 希望这有意义,谢谢大家。

0 个答案:

没有答案