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

Question

对于我的网站，我有一个页面系统作为索引，以展示我的投资组合的不同部分。 在我的设计部分中，我提供了一些类别，访问者可以单击它们，然后将它们转到另一个页面。 在该页面上，单击它们时我有一个“后退”按钮，应该将它们带回到索引并向下滚动到设计区域，这样它们就不必再次向下滚动来查看另一部分。

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

在具有“后退”按钮的类别页面上，链接是我的URL，带有index.html#designs

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

有什么方法可以使其不会滚动到页面顶部吗？ 我不希望它成为人们查看我的作品集的挑战。

非常感谢！

Answer 1

尝试使用e.preventDefault（） ：

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

该选择器仅定位于#designs锚点。 您可以为所有预期的锚定一个通用类，例如class="anchors"然后可以执行以下操作：

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

Answer 2

您需要像这样更改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>

演示版