離子，如何使用帶ID的錨點元素作爲href目標

在頁面中，我必須使用錨點元素，但點擊後它會跳轉到主頁。離子，如何使用帶ID的錨點元素作爲href目標

例如HTML代碼：

<ion-view> 
    <ion-content> 
    <div> 
     <ul> 
     <li> 
     <a href="#html-syntax">sample</a> 
     </li> 
     </ul> 
    </div> 
    <div id="html-syntax"> 
     <div class="col">sample</div> 
    </div> 
    </ion-content> 
</ion-view>

如何跳id="html-syntax"當點擊 'sample'？

來源

2016-03-14 Benz.Huang

使用離子的'$ ionScrollDelegate.anchorScroll（id）'沒有嘗試過，但似乎要去的地方。這個鏈接是在他們的論壇上，這可能有助於https://forum.ionicframework.com/t/how-to-navigate-to-particular-id-using-href-of-a-tag/6538/5 –

非常感謝你多爲您的添加評論，幫我解決問題 –

你應該在那裏工作的代碼，誠實。如果你有一個ID爲錨點的元素作爲href目標，並且你在頁面上也有一個具有相同ID的元素，那麼（大多數瀏覽器）應該跳轉到適當的元素。

你只需要確保你已經正確地嵌套了所有的元素，因爲如果你不這樣做，那麼你可以得到意想不到的行爲，如頁面加載或跳到頂部。

<a href="#html-syntax">sample</a> 

<div id="html-syntax"></div>

此外，請確保您的錨標記中沒有target =「_ blank」，因爲這會嘗試打開一個新窗口。同樣，您已經訂閱的任何事件都會像正常情況一樣觸發。

來源

2016-03-14 15:28:58 Erik

確保所有元素正確，頁面可以跳轉到適當的元素。但加入離子框架，它跳轉到主頁。它的網址'http：// localhost：8100 /＃/＃html-syntax' –

哦離子是一個框架嗎？這是否有幫助（文章中有一個示例codepen，據推測是離子）？ https://forum.ionicframework.com/t/how-to-navigate-to-particular-id-using-href-of-a-tag/6538/8 – Erik

離子，如何使用帶ID的錨點元素作爲href目標

回答

相關問題