scrollTop的（）滯後於移動瀏覽器

Question

您好我正在寫一個網頁，有元素的列表（在UL）

每11要素粘在頁面的頂部/滾動解析問題。所以，當你向上滾動並且＃11擊中頁面的頂部時，它會停止。 （我實際上克隆了LI並將它貼在頂端）

現在當第22個元素出現時，它將第11個元素向上「推」。

基本上我試圖重新創建你在他們的地址簿上看到的iOS標頭。

該代碼使用jQuery並綁定到窗口的滾動事件。然後我計算這些元素在哪裏，並做出魔法。

這一切都在桌面上出色地運行（Chrome，Firefox甚至IE！）。然而，當我在我的Galaxy S3上的Chrome上進行測試時，在檢測頂部的元素時似乎存在滯後性。

我的猜測是，由於移動設備的處理能力，他們不像在桌面上那樣頻繁地觸發滾動事件。如果你從另一個SO帖子看這個小提琴並在移動設備上運行它，你會看到同樣的問題。

http://jsfiddle.net/jaibuu/YqPzS/

function checkScrolling() { 

    if ($('#content').scrollTop() > mastheadHeight) { 
     menu.addClass('fixed'); 
    } else { 
     menu.removeClass('fixed'); 
    } 

} 

$('#content').scroll(function() { 
    checkScrolling(); 
}); 

也是試圖做同樣的事情，一個jQuery插件有類似的問題。看看演示此頁

http://www.teamdf.com/web/showcasing-jquery-list-with-a-fake-iphone/147/

上所以是有可能得到相同的速度/分辨率的移動設備上滾動，因爲它是在桌面上的？

謝謝。

Answer 1

您可以嘗試使用Zepto。隨着winscrolled，使它更容易。