分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » WordPress » WordPress 代码 » WordPress文章内锚点链接平滑滚动
  • WordPress文章内锚点链接平滑滚动

    WordPress文章内锚点链接平滑滚动-BanYuner

    今天以为群友寻求一个帮助,说需要一个锚点平滑滚动的链接,我当时也想起来了。我以前添加文章目录的时候也有想要这个功能,于是我又开始了搜索之路。

    通过搜索,我很快就在知更鸟博客找到了相关文章,通过测试,确实是有效果的,于是乎,我马上就利用起来了,真的是很不错的说,没有那么生硬的感觉了。那么这类不费话了,直接附上了相关代码:

    $(function(){
    $('a[href*=#],area[href*=#]').click(function() {
    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) {
    var targetOffset = $target.offset().top;
    $('html,body').animate({
    scrollTop: targetOffset
    },
    1000);
    return false;
    }
    }
    });
    })
    

    代码部分直接添加到自己站点的主要JS中即可,至于怎么找主要的JS,那么只能自行百度了。一般来说,每个页面都会加载的那个JS,那么就是主要的JS了。

    关注我们 错误反馈 打赏 分享此文
    • 微信扫码,关注我们

    • 扫码,支持我

      WordPress文章内锚点链接平滑滚动

      支付宝

    • 扫码,支持我

      WordPress文章内锚点链接平滑滚动

      微信

    • 扫码,手机看

      WordPress文章内锚点链接平滑滚动
    WordPress文章内锚点链接平滑滚动
    0 + 1 =