javascript - 将 CSS 转换属性更改为顶级属性的最佳方法？

Question

我正在使用一个名为 Skrollr 的 Javascript 插件在您向下滚动时更改页面上元素的位置。我遇到的问题是，当我更改 top 位置时，我的元素在 Safari 和 Firefox 中非常不稳定，但在 IE 8 中运行良好。如果我切换到 transform:translate (x,y) 然后它在除 IE 8 之外的所有地方都很好用，其中 transform 显然不被支持。我正在考虑做的是在有人使用 IE8 时让我的 Skrollr 属性切换到 top。

基本上我想改变这个...

<div class="example" data-0="transform:translate(0%, 100%);" data-700="transform:translate(0%, 0%);">

为此..

<div class="holder" data-0="top:100%;" data-700="top:0%;">

有没有办法可以用 javascript/jquery 更改这些属性？还是我应该采取其他更好的方向？我试图用 IE 条件注释来做到这一点，但这是一个巨大的困惑，而且它在 IE8 以外的浏览器中不起作用。

Answer 1

if (/* is IE8 */) {
   $('div[data\-0^=transform]').attr('data-0', 'top:100%;');
}

显然需要在插件之前运行。