1

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

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

<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 以外的浏览器中不起作用。

4

1 回答 1

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

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

于 2013-12-23T18:05:00.790 回答