停止从下一页滚动的锚点链接

Question

我有一个下拉菜单，下拉菜单中有一系列链接。下拉列表中的每个链接都链接到相同的页面，但该页面上有不同的选项卡。因此，当您点击将您转到选项卡3的链接时，会在该页面上自动选择第三个选项卡。这很好，但页面会自动向下滚动一下以关注该选项卡，因此该页面基本上会跳转到该内容。我明白这是#links的工作方式，但有没有办法让页面不向下滚动到那个内容，但仍然选择该选项卡？

导航：

<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
<li><a tabindex="-1" href=http://website.com/page/tabbedpage#howitworks>How it Works</a></li> 
<li><a tabindex="-1" href=http://website.com/page/tabbedpage#technology>Technology</a></li> 
<li><a tabindex="-1" href=http://website.com/page/tabbedpage#application>Applications</a></li> 
<li><a tabindex="-1" href=http://website.com/page/tabbedpage#savings>Savings</a></li> 
</ul> 

这是在所有页面的顶部选择标签：

<script type="text/javascript"> 
$(function() { 
    var activeTab = $('[href=' + location.hash + ']'); 
    activeTab && activeTab.tab('show'); 
}); 
</script> 

Answer 1

可以抵消锚标签的位置。我不推荐内联样式，但一个例子是：

<a name="howitworks" style="display: block; position: relative; top: -100px;"></a> 

当然，您可以调整偏移量以匹配滚动条的大小。