我在我的 wordpress 网站中使用 API“skrollr.js”。
现在我有一个像这样的 div 框
<div data-_foobar="left:0%;" data-_foobar--100="left:50%;" data-_foobar-100="left:100%;"></div>
是否可以将此属性交换到 js 文件中,如下所示:
HTML:
<div id="myDiv"></div>
JavaScript:
function initJarallax()
{
//Init SkrollR
var s = skrollr.init();
//this function doesn´t exists
s.addAttribute("myDiv","data-_foobar","left:0%");
....
}
谢谢!
最佳答案
anderssonola 告诉我最好的方法(我认为)。
我执行以下步骤:
- 从 this url 下载 skrollr-stylesheets
将其添加到标题中:
link href="http://myUrl.com/wp-content/themes/FullScreenTheme/style.css"rel="stylesheet"data-skrollr-stylesheet>
编写了这段代码
#myDiv{ -skrollr-animation-name:animation1; } @-skrollr-keyframes animation1 { data-_foobar{left:0%;} data-_foobar--100{left:50%;}; .... }
谢谢!
关于jquery - skrollr.js 数据属性到 JavaScript 文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23651902/