Javascript 当外部链接打开选项卡时，页面滚动到顶部也固定了导航栏

我的导航中有一个链接，可以打开页面上的特定选项卡，该链接工作正常，但页面打开后，内容的开头会被固定导航栏隐藏。有人能帮我吗，我对bootstrap不熟悉，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);
    }
});

---

还是有更好的脚本可以使用外部链接在Bootstrap3的不同页面上打开特定选项卡

把类放在锚上，锚定目标

如果导航条仅固定在某些尺寸上，则在？？？px所在的位置，将断点的最小宽度992px用于md及以上，1200px用于大尺寸及以上，768px用于小尺寸及以上

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

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

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

---

假设导航栏上的高度为50px。此外，如果您的身体顶部填充物具有getbootstrap.com示例中导航栏高度的填充物，则这可能不是必需的。

将class.anchor放在目标的锚点上

如果导航条仅固定在某些尺寸上，则在？？？px所在的位置，将断点的最小宽度992px用于md及以上，1200px用于大尺寸及以上，768px用于小尺寸及以上

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

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

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

---

假设导航栏上的高度为50px。此外，如果您的身体顶部填充具有getbootstrap.com示例中导航栏高度的填充，则可能不需要这样做。

我不知道是否了解您想要什么，以及它是如何工作的，但您不能在该选项卡中设置页边距顶部以避免出现这种情况吗？当我打开页面上的选项卡时，页边距很好，当我使用链接打开选项卡时，导航栏会隐藏选项卡的开头。我将java更改为更简单的：$function{var a=$'[href='+location.hash+']'；a&&a.tab'show'；}；但仍然有同样的问题，在导航栏的高度主体上添加顶部填充，如果在滚动条上添加了固定位置，请参见下面我的答案。body{padding top:50px}我不知道我是否了解您想要什么，以及它是如何工作的，但是您不能在该选项卡中设置一个页边距top以避免出现这种情况吗？当我打开页面上的选项卡时，页边距很好，就在我使用链接打开选项卡时，导航栏隐藏了选项卡的开头。我将java更改为更简单的：$function{var a=$'[href='+location.hash+']'；a&&a.tab'show'；}；但仍然有同样的问题，在导航栏的高度主体上添加顶部填充，如果在滚动条上添加了固定位置，请参见下面我的答案。body{padding top:50px}我得到了一个body top padding，当我打开选项卡本身时，选项卡看起来很好，但是当我打开页面上的选项卡时遇到了一个问题，该选项卡带有来自导航栏的链接，导航栏隐藏了选项卡的开头，然后粘住类。锚定在该目标上，并在所有其他css之后添加css。我也遇到了同样的问题。这非常好用，出于某种奇怪的原因，我不得不将填充和边距设置为1200px，但是接缝在所有设备上都可以工作。非常感谢你，我试着在当天解决这个问题很奇怪，你的html上有100%的高度吗？给我发个链接，quirier.staging.koller.rfcsystems.com/deu/Kaufen\u/mitbieten.aspI有一个身体顶部填充，当我打开标签时，标签看起来很好，但是当我用导航栏的链接打开页面上的选项卡时，我遇到了一个问题。导航栏隐藏了选项卡的开头，然后将类粘贴到该目标上，并在所有其他css之后添加css。我也遇到了同样的问题。这非常好用，出于某种奇怪的原因，我不得不将填充和边距设置为1200px，但是接缝在所有设备上都可以工作。非常感谢你，我试着在当天解决这个问题很奇怪，你的html上有100%的高度吗？给我发个链接，quirier.staging.koller.rfcsystems.com/deu/Kaufen\u/mitbieten.asp