jQuery CSS无法设置Top位置

Question

请查看Chrome控制台的上述屏幕截图。虽然jQuery代码的第一行应该改变＆＃34; Top Position＆＃34; ＆＃34;＃footer＆＃34; DIV为1426px，jQuery("#footer").position().top仅显示为1401。它的Top预计为1426，但显示为1401.如果您了解其根本原因，请告诉我。

Answer 1

它解决了！说明：＆＃34;位置＆＃34; #footer元素的CSS属性未定义，因此默认情况下，它将变为＆＃34; static＆＃34;。要解决这个问题，我不得不改变它的位置＆＃34;属于＆＃34;绝对＆＃34;。

Answer 2

.top只给你号码而不是单位。但top需要一些单位px或em或%

所以，这样做：

jQuery('#footer').css("top", jQuery('#pager').position().top + 40 + "px");

Answer 3

试试这个：

$top=jQuery('#pager').css('top');
if($top.match(/^-/g)){
    $top= '-'+parseInt($top.replace(/\D/g,''));
}
else{
    $top= parseInt($top.replace(/\D/g,''));
    }
$top=$top+40
jQuery('#footer').css("top",  $top + "px");

或者如果您按边距放置#pager元素，则必须使用$top=jQuery('#pager').css('margin-top');