Question

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

现在我的<a id="designs"></a>就在我设计类别的div之上。

在包含“后退”按钮的类别页面上，该链接是我的网址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>

Demo

Jump Links无法在我的网站上运行

2 个答案: