2013-12-23 114 views
1

我使用名为Skrollr的Javascript插件在您向下滚动时更改页面上元素的位置。我遇到的问题是,当我更改top的位置时,我的元素在Safari和Firefox中变得非常紧张,但在IE 8中很好用。如果我切换到transform:translate(x,y),那么它在除IE 8以外的任何地方都很好,其中transform显然不受支持。我在想的是当有人使用IE8时,我的Skrollr属性会切换到top将CSS转换属性更改为顶级属性的最佳方法?

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

<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以外的浏览器。

回答

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

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