当我去锚点时，如何使URL不添加＃和ID

Question

我有一段代码

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

当我点击这个时，我的页面会转到

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

哪个好，但现在网址已

  

/＃2

添加到它上，如何防止将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