用Jquery替换哈希链接锚的行为

Question

我有以下代码：

                <a href="#anch">Anchor hash link</a>
                <div id="anch">
                  <ul>
                    <li>foo</li>
                  </ul>
                </div>

我不能使用锚点哈希链接来解决几个不同的重定向问题。 有没有办法用一个小的jquery脚本模拟它的行为？ （为了摆脱href，而是让onClick完全相同？）

Answer 1

使用jQuery替换行为而不向URL添加＃：

$('a[href*="#"]').click(function(e) {
  var scrollAnchor = $(this).attr('href');
  $('html, body').scrollTop($(scrollAnchor).offset().top);
  return false;
});

请参阅此栏：https://jsbin.com/tizixapabu/edit?html,js,output

链接仍然照常工作。