我怎樣才能讓我去一個錨

Question

我有一段代碼的URL不加＃和ID

<li><a href="#two" class="button" id="Button123">Text</a></li>

當我點擊這個，我的網頁下降到

<section id="two" class="wrapper style3 fade-up twoSection">

這是很好的，但現在的URL有

/＃兩個

添加到它，我該如何防止id被添加到URL？

Answer 1

您需要手動滾動（檢查Element.scrollIntoView方法）文件，並防止默認。也許是這樣的：

document.querySelector('#Button123').addEventListener('click', function(e) { 
    document.querySelector(this.getAttribute('href')).scrollIntoView(); 
    e.preventDefault(); 
}); 

演示：http://plnkr.co/edit/aFiE3GrlSb9MiK5qLeeY?p=preview