如何使用jQuery的scrollTop與css3相同的方法

我想要的效果相同的jQuery的scrollTop，但我不想使用它。因爲在某些平板電腦中會產生問題（它不適用於GPU）。如何使用jQuery的scrollTop與css3相同的方法

2012-02-15 user823415

這沒有CSS解決方案。但是，會使用哈希值爲您工作，即http://example.com#footer？如果是這樣，只需調用JS的下面一行：

window.location.hash = '#footer';

來源

2012-02-15 11:22:49 maxedison

它如何能夠幫助我，使過渡效果呢？ – user823415 2012-02-15 12:01:36

這不適用於轉換效果。也許可以考慮將它用作那些存在問題的特定設備/瀏覽器的後備。 – maxedison 2012-02-15 12:39:42

好的謝謝，但它在實踐中的方法scrollTop（在dom中）？所以我可以理解如何找到解決方案，這將是非常有趣！ – user823415 2012-02-15 13:49:08

我最近通過轉變對transform物業解決了這個問題，那麼轉換後清零變換和設置scrollTop。這似乎運作良好。

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的scrollTop與css3相同的方法

回答

相關問題