Three/Unite主题去掉返回顶部按钮链接地址的#

 懿古今   2016-03-20 08:45:34 发布  技术文档

近期，有博主问到：为什么点击右侧的返回顶部，会在地址栏最后出现一个“#”，不管是首页、栏目页还是文章页都会出现“#”？这个是因为我当初偷懒，直接加一个“#”就能返回顶部，不用再设置其他，既然有人提出，那今天就把这个“#”去掉的教程分享给大家。

Three/Unite主题去掉返回顶部按钮链接地址的#

第一步：打开主题的js文件夹，在script.js文件中找到以下代码：

  1. $(document).ready(function(){

然后在它下方添加以下代码：

  1. // 滚屏
  2. $('.tools_top').click(function () {
  3.     $('html,body').animate({
  4.         scrollTop: '0px'
  5.     }, 800);
  6. });
  7. $('.tools_comments').click(function () {
  8.     $('html,body').animate({
  9.         scrollTop: $('.comments-area').offset().top
  10.     }, 800);
  11. });

第二步：打开主题文件夹中的footer.php文件，找到以下代码：

  1. <div class="tools">
  2.     <a href="#" class="tools_top" title="返回顶部"></a>
  3.     <?php wp_reset_query(); if ( is_single() || is_page() ) { ?>
  4.         <a href="#respond" class="tools_comments" title="发表评论"></a>
  5.     <?php } else {?>
  6.         <a href="<?php echo stripslashes(get_option('ygj_lyburl')); ?>#respond" class="tools_comments" title="给我留言" target="_blank" rel="nofollow"></a>
  7.     <?php } ?>
  8. </div>

替换为以下代码：

  1. <div class="tools">
  2.     <a class="tools_top" title="返回顶部"></a>
  3.     <?php wp_reset_query(); if ( is_single() || is_page() ) { ?>
  4.         <a class="tools_comments" title="发表评论"></a>
  5.     <?php } else {?>
  6.         <a href="<?php echo stripslashes(get_option('ygj_lyburl')); ?>#respond" class="tools_comments" title="给我留言" target="_blank" rel="nofollow"></a>
  7.     <?php } ?>
  8. </div>

最后，记得更新保存以上这两个文件哦。如果开有缓存的，记得要更新那个js文件。然后刷新看看那个返回顶部按钮是否已经生效？而且它的链接地址后面已经不见了那个“#”了。

如果大家看不爽这个“#”，那就赶紧动手跟新一下吧。PS：本站（懿古今）和boke112导航已经成功实现了。

本文地址：https://www.yigujin.cn/672.html

你可能感兴趣的文章

文章标签： ,   ,  
版权声明：本文为原创文章，版权归 懿古今 所有，欢迎分享本文，转载请保留出处！发布此文是出于传递更多信息之目的，若有来源标注错误或侵犯了您的合法权益，请发邮件至[email protected]，确认后马上更正、删除，谢谢！

发表评论

  1. 工业铝型材
    工业铝型材 @回复
    发表于2016-03-20 20:49  沙发

    不错哦。。。这个很棒啊！！！

  2. Koolight
    Koolight @回复
    发表于2016-03-20 20:53  板凳

    这个平时还真没注意，毕竟现在用电脑开博客太少了。

  3. 姜辰
    姜辰 @回复
    发表于2016-03-20 22:21  地板

    对于#是习惯了~

  4. 明月登楼
    明月登楼 @回复
    发表于2016-03-20 23:54  4楼

    路过，支持一下先！

  5. 无忧
    无忧 @回复
    发表于2016-03-21 20:23  5楼

    这个问题已经修复了，感谢作者提供方案。 ps：懂代码就是牛

  6. 米粒博客
    米粒博客 @回复
    发表于2016-03-22 10:29  6楼

    实用 谢谢分享

  7. 阅读纵横
    阅读纵横 @回复
    发表于2016-03-22 11:59  7楼

    谢谢分享。另外帝国系列好久没更新了，崔更 [得意]

    • 懿古今
      懿古今2016-03-22 21:55  回复

      @阅读纵横[呲牙] 我也催了几次了，可惜我老婆最近比较忙，都没写呢

  8. videoclub
    videoclub @回复
    发表于2016-03-22 20:59  8楼

    其实回到顶部那个功能还是不错的

  9. 滕绍武博客
    滕绍武博客 @回复
    发表于2016-03-27 09:41  9楼

    有木有都不影响，就不折腾了 [呲牙] [呲牙]

  10. 雪儿谈健身
    雪儿谈健身 @回复
    发表于2016-04-12 16:11  10楼

    [鼓掌] 这个#号确实没有必要！