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

Question

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

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

在具有“返回”按钮的类别页面上，链接是我的 URLindex.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();
});