跳轉鏈接不能在我的網站上工作

對於我的網站，我有一個頁面系統作爲索引來展示我的投資組合的幾個不同部分。在我的設計部分，我有訪客可以點擊哪些類別將他們帶到另一個頁面的類別。在那個頁面上，當他們點擊時我有一個「後退」按鈕，它應該將它們帶回索引並向下滾動到設計區域，以便它們不必再次向下滾動以查看另一個區域。跳轉鏈接不能在我的網站上工作

現在我有<a id="designs"></a>只是我在我的設計類股利以上。

在有「後退」按鈕的類別頁面，鏈接是我的網址與index.html#designs

也許我我做這個錯誤，但當我重新加載頁面時，它會跳到我想要的位置，像一個毫秒，然後它滾動到頂部。

有什麼辦法讓它不會滾動到頁面的頂部？我不希望它成爲人們查看我的投資組合的挑戰。

非常感謝！

來源

2014-03-05 user3381973

嘗試使用e.preventDefault()：

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

此選擇只針對#designs錨。你可以給你所有的預期錨常見的類如class="anchors"那麼你可以做的：

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

來源

2014-03-05 05:26:40 Felix

我認爲這個問題是我從另一個頁面鏈接它，跳轉到頁面頂部正在加載頁面，當我把它放在它沒有改變。 – user3381973

你需要改變你的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

來源

2014-03-05 05:26:51

這適用於當我剛剛跳到同一頁面上的某些內容時，但我試圖從其他頁面的鏈接返回到我的索引並直接進入我的設計區域。我試着做你說的話，它沒有改變任何東西。 – user3381973

跳轉鏈接不能在我的網站上工作

回答

相關問題