什麼是最有效的方式來做到這一點（jQuery的片段）？

Question

$("#content").scroll(function(e){ 
    var distance_from_top = $("#content").scrollTop(); 
    var theinverse = -1 * distance_from_top; 
    var theinverse2 = theinverse + "px"; 
    $("#topheader").css("marginTop", theinverse2); 
}); 

什麼是最有效的方法來做到這一點？基本上使#topheader上邊距等於從頂部滾動的負距離。

Answer 1

緩存緩存緩存。

content = $("#content"); 
topheader = document.getElementById("topheader"); 
content.scroll(function() { 
    topheader.style.marginTop = -content.scrollTop() + "px"; 
}); 

Answer 2

高效或短暫，因爲你可以簡單地做到這一點的簡短。

$("#content").scroll(function(e){ 
    $("#topheader").css("marginTop", -$("#content").scrollTop() + "px"); 
}); 

如果你想要效率，可能需要更多的上下文（網頁源）。