Skrollr.jsライブラリを使用して、ページ上で視差スクロールを実行しています。ライブラリはデータセットを使用して、(スクロール位置に基づいて)開始および終了のcssコードを指定します。例:
<div data-0="top:0px;" data-100="top:500px"></div>
いくつかの要素を動的に作成し、それらのデータセットを設定する必要があります。たとえば、要素が次のようになっている場合は次のようになります。
<div data-foo="bar"></div>
これはうまくいくでしょう:
var elem = document.createElement('div');
elem.dataset['foo'] = 'bar';
しかし、名前に整数を使用するライブラリ(data-0)を使用しているため、スタックしています...これを試しました:
elem.dataset[0] = 'foo';
と...
elem.dataset['0'] = 'foo';
運がない...他のアイデアはありますか?