markdown 平滑滚动锚点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown 平滑滚动锚点相关的知识,希望对你有一定的参考价值。

```javascript
$('a[href*="#"]')
.not('[href="#"]')
.not('[href="#0"]')
.click(function(event) {
    if (
        location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
        &&
        location.hostname == this.hostname
    ) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
        if (target.length) {
            event.preventDefault();
            $('html, body').animate({
                scrollTop: target.offset().top
            }, 500, function() {
                var $target = $(target);
                $target.focus();
                if ($target.is(":focus")) { // Checking if the target was focused
                    return false;
                } else {
                    $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
                    $target.focus(); // Set focus again
                };
            });
        }
    }
});
```

以上是关于markdown 平滑滚动锚点的主要内容,如果未能解决你的问题,请参考以下文章

锚点平滑滚动之scrollIntoView

vue2.0模拟锚点实现定位平滑滚动

JQuery 实现锚点链接之间的平滑滚动

锚点平滑滚动之scrollIntoView

锚点平滑滚动之scrollIntoView

javascript 平滑滚动到锚点