頁面滾動到頂部也當外部鏈接打開時固定的導航欄標籤

Question

我在我的導航中有一個鏈接打開頁面上的特定選項卡，鏈接工作正常，但頁面打開，因此內容的開始被固定的導航欄。任何人可以幫助我，我是新來引導，而不是在Java非常好：

var gotoHashTab = function (customHash) { 
    var hash = customHash || location.hash; 
    var hashPieces = hash.split('?'), 
     activeTab = $('[href=' + hashPieces[0] + ']'); 
    activeTab && activeTab.tab('show'); 
} 

// onready go to the tab requested in the page hash 
gotoHashTab(); 

// when the nav item is selected update the page hash 
$('.nav a').on('shown', function (e) { 
    window.location.hash = e.target.hash; 
}) 

// when a link within a tab is clicked, go to the tab requested 
$('.tab-pane a').click(function (event) { 
    if (event.target.hash) { 
     gotoHashTab(event.target.hash); 
    } 
}); 

或有更好的腳本來使用外部鏈接來打開不同的頁面上的特定選項卡自舉3？

Answer 1

將類.anchor放置在錨點（目標）上。

如果導航欄只固定在某個尺寸上，那麼??? px的位置就是該斷點的最小寬度（對於MD和更高爲992px，對於大和高爲99px，對於小和高達768px ）。

@media (min-width: ???px) { 
    .anchor { 
    padding-top: 60px; 
    margin-top: -60px; 
    } 
} 

如果固定在所有屏幕尺寸：

.anchor { 
    padding-top: 60px; 
    margin-top: -60px; 
    } 

假設50像素的高度上的導航欄。此外，如果您的身體頂部填充按照getbootstrap.com示例具有導航欄高度的填充，則可能需要而不是。