2013-12-23 172 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%;'); 
} 

顯然需要在插件之前運行。