jqueryの同じメソッドを使用する方法scrollSop with css3

jqueryと同じ効果scrollTopが必要ですが、私はそれを使用しません。一部のタブレットでは、これが問題を引き起こすため（GPUでは機能しません）。jqueryの同じメソッドを使用する方法scrollSop with css3

2012-02-15 user823415

これに対するCSS解決策はありません。ただし、ハッシュを使用する場合はhttp://example.com#footerとなりますか？もしそうなら、ちょうどJSの次の行を呼び出します。

window.location.hash = '#footer';

出典

2012-02-15 11:22:49 maxedison

どのようにトランジションエフェクトを作るために私を助けることができますか？ – user823415

これはトランジションエフェクトでは機能しません。おそらく、問題を呈する特定のデバイス/ブラウザの代替手段として使用することを検討してください。 – maxedison

ありがとう、しかしそれは実際にはscrollTop（DOM内の）メソッドですか？私は解決策を見つける方法を理解することができ、非常に面白いでしょう！ – user823415

私は最近変換クリアしscrollTopを設定し、その後の移行後、transformプロパティに遷移することによってこの問題を解決しました。それはうまくいくようです。

document.body.style.webkitTransitionDuration="500ms"; 
document.body.style.webkitTransform="translate("+(left()-x)+"px,"+(top()-y)+"px)"; 
window.setTimeout(function(){ 
    document.body.style.webkitTransitionDuration="0ms"; 
    window.scrollTo(x,y); 
},500);

と

body {      
    -webkit-transition: -webkit-transform 1.8s ease-in-out; 
}

出典

2012-09-13 07:29:18

jqueryの同じメソッドを使用する方法scrollSop with css3

答えて

関連する問題