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