Skrollr という Javascript プラグインを使用して、下にスクロールするときにページ上の要素の位置を変更しています。私が直面している問題は、top
位置を変更すると、要素が Safari と Firefox で非常にぎくしゃくするが、IE 8 ではうまく機能することです。切り替えると、明らかにサポートされていないtransform:translate(x,y)
IE 8 以外のすべてでうまく機能します。transform
. 私が考えているのはtop
、誰かが IE8 を使用しているときに、Skrollr 属性を切り替えることです。
基本的には変えたいのですが…
<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 以外のブラウザーでは機能しませんでした。