浮動菜單在Chrome中無法使用？

Question

我想，當他滾動屏幕打造跟隨用戶的浮動菜單：

menuYloc = parseInt($("#floatMenu").css("top").substring(0,$("#floatMenu").css("top").indexOf("px"))); 
    $(window).scroll(function() { 
     var offset = menuYloc+$(document).scrollTop()+"px"; 
     $("#floatMenu").animate({top:offset},{duration:500,queue:false}); 
    }); 

這在Firefox工作完全正常，但在Chrome中不工作。有什麼我失蹤？

Answer 1

而不是試圖從CSS解析菜單的頂部位置，則可以使用position()和offset()方法：

menuYloc = $("#floatMenu").offset().top; 
$(window).scroll(function() { 
    var offset = menuYloc+$(document).scrollTop()+"px"; 
    $("#floatMenu").animate({top:offset},{duration:500,queue:false}); 
}); 

位置（）是相對於什麼#floatMenu被包含在該元素的偏移父（即），而offset（）是相對於文檔。