最有效的方式是什么(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");
});

如果你想提高效率，可能需要更多的上下文(网页的来源)。