分享各种网络资源
是我乃至整个互联网的精髓所在
最新消息:开启被动注册模式,详情点击这里,同时接小单,QQ:330733312
 您目前所在位置: 站点首页 » WordPress » WordPress 代码 » WordPress文章内锚点链接平滑滚动
  • +
  • 9
  • 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 分类描述添加可视化编辑模式

      WordPress 分类描述添加可视化编辑模式

      可视化编辑模式一直是很多人喜欢使用的,但是我个人方面还是喜欢传统的 html 模式,不是别的,主要是自己写的东西通过代码出现的就是自己的,而...

      点击查看
    • 6 款 WordPress 缓存插件对比测试

      6 款 WordPress 缓存插件对比测试

      缓存插件我相信每个站点几乎都是在使用的,插件的原理并不是能提高带宽也不是说能提高页面加载速度等等,仅仅是为了降低服务器的压力,当人群数量大量...

      点击查看
    • WordPress 获取分类第一篇文章第一张图片地址

      WordPress 获取分类第一篇文章第一张图片地址

      这个功能我不知道网络上面有没有相关教程,至少我是没有看到的,所以这里还是简单的说一下,可能其中有不少问题,也可能是我的方法太过复杂,但是还是...

      点击查看
    WordPress文章内锚点链接平滑滚动
    5 + 3 =