使用JQuery为DIV设置上限

Question

在这种情况下，我有一个120px高度的固定标题，当查询字符串为#testdiv时，我强制页面跳转到#testdiv。

但问题是当页面跳转到上面DIV的开头时，部分内容将丢失，因为它位于固定标题后面，是否有任何jquery强制页面跳转到没有实际边距的#testdiv？

我尝试了下面的代码，但它会产生实际余量

if (url.indexOf('#testdiv') >= 0) {
$('#testdiv').css('margin-top',120);
};

Answer 1

我认为最简单的方法是为您的字段设置margin-top，并为您的父字段设置负margin-top。

应该适合你。

if (url.indexOf('#testdiv') >= 0) {
$('#testdiv').css('margin-top',120);
$('#parent').css('margin-top',"-120px");
};

Answer 2

您可以通过jQuery设置margin-top，如下所示：

$("#mydiv").css("margin-top", "10px");

Answer 3

如果您有一个不想重叠内容的固定标题，则需要将padding-top添加到包含div（或者需要的正文）中，该div与固定内容的高度相匹配以推送底层元素下来。