跳轉鏈接在我的網站上不起作用

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>

演示版