jquery - skrollr.js 数据属性到 JavaScript 文件中

Question

我在我的 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%");
  ....
 }

谢谢!

Answer 1

anderssonola 告诉我最好的方法(我认为)。

我执行以下步骤:

1. 从 this url 下载 skrollr-stylesheets

2. 将其添加到标题中:

   link href="http://myUrl.com/wp-content/themes/FullScreenTheme/style.css"rel="stylesheet"data-skrollr-stylesheet>

3. 编写了这段代码

   #myDiv{
    -skrollr-animation-name:animation1;
     }
   
   @-skrollr-keyframes animation1 {
   data-_foobar{left:0%;}
   data-_foobar--100{left:50%;};
   ....
   }
   

谢谢!