私は私がこれをクリックすると</p> <p><code><li><a href="#two" class="button" id="Button123">Text</a></li></code></p> <p>、マイページ</p> <p>にダウンした私は、コードの一部を持っている

Question

アンカーに行くときのURLは＃とIDを追加できないことができますどのように良いですが、今のURLが

/＃2があり<section id="two" class="wrapper style3 fade-up twoSection">

が追加されました。どのようにして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