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%;');
}

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

将CSS转换属性更改为顶级属性的最佳方法是什么？

1 个答案: