所以我正在为http://carrotcrunchpvp.comule.com/以上的人开发一个小型网站。 在'我们的精神'页面上,我有一个svg运行径向百分比统计。如果您加载此页面http://carrotcrunchpvp.comule.com/#horizontal/1,您会注意到此SVG上有动画,它将其加载到HTML中定义的%。这完全由我的javascript文件 - percentagecircles.js。
完成现在,我的问题是,由于动画是通过运行文件percentagecircles.js触发的,所以只有在'Our Ethos'页面上才能运行此文件。例如,如果您加载主页,则动画将在您看不到时运行。
我在后端使用FullPage.js插件。在开发每个页面时,我注意到,当在该页面上时,class =“slide fp-slide fp-table”变为class =“slide fp-slide fp-table active”。
从逻辑上讲,我想我会使用if函数,如果'#fullpage> div> div.fp-slides> div> div.slide.fp-slide.fp-table有class; active'(我们的ethos css路径),运行percentagecircles.js文件。回顾一下对我来说似乎很简单,但我的Jquery + Javascript知识非常小......
请注意,我尝试使用像Wow.js和onScreen.js这样的插件没有成功,也许我没有正确使用它们。
感谢任何帮助, 干杯, 克里斯
答案 0 :(得分:0)
您需要使用fullPage.js提供的回调,例如afterSlideLoad
或afterLoad
。
你会发现他们解释in the documentation。
并且您有可用的示例,例如callbacks.html
here。
通过这种方式,您可以获得活动幻灯片并使用它。