用Jquery替换散列链接锚的行为

Replace the behavior of an hash link anchor with Jquery

本文关键字：链接 Jquery 替换      更新时间：2023-09-26

我有以下代码:

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

由于几个不同的重定向原因，我不能使用锚哈希链接。是否有一种方法来模拟它的行为与一个小的jquery脚本?(以摆脱href，而不是有一个onClick做完全相同的?)

用jQuery代替这个行为，而不用在url中添加#:

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

查看此bin: https://jsbin.com/tizixapabu/edit?html,js,output

相关文章：