跳转链接在我的网站上不起作用

Question

对于我的网站，我有一个单页系统作为索引来展示我的作品集的几个不同部分。 在我的设计部分，我有访问者可以点击的类别，这些类别会将他们带到另一个页面。 在该页面上，当他们单击时，我有一个"后退"按钮，它应该将它们带回索引并向下滚动到设计区域，这样他们就不必再次向下滚动以查看另一个部分。

现在，我的设计类别正好在div 上方<a id="designs"></a>。

在带有"返回"按钮的类别页面上，链接是我的 URL index.html#designs

也许我做错了，但是当我重新加载页面时，它会像毫秒一样到达我想要的位置，然后滚动到顶部。

有没有办法让它不会滚动到页面顶部？ 我不希望人们查看我的投资组合是一个挑战。

非常感谢！

Answer 1

你需要像这样更改你的 html，

<!-- add href like #designs -->
<a href="#designs">Design</a>
<!-- div design having id designs which you want to show on top -->
<div id="designs">Design div</div>

演示

Answer 2

尝试使用 e.preventDefault（）：

$('#designs').click(function(e) {
     e.preventDefault();
});

此选择器仅针对#designs定位点。您可以为所有预期的定位点提供一个公共类，例如class="anchors"然后您可以执行以下操作：

$('.anchors').click(function(e) {
     e.preventDefault();
});