我正在使用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';
没有运气......还有其他想法吗?