使用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（或者主体，如果需要），它与固定内容的高度相匹配以向下推送底层元素。