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

原创 懿古今  2016-03-20  阅读 861 次

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

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导航已经成功实现了。

历史上的今天:

本文地址:http://yigujin.cn/672.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!
WordPress免费清新BLOG/CMS响应式主题Nana专题文章
WordPress免费响应式主题:Nana

发表评论


表情

  1. 雪儿谈健身
    雪儿谈健身 【市长】 @回复

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

  2. 滕绍武博客
    滕绍武博客 【村长】 @回复

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

  3. videoclub
    videoclub 【省长】 @回复

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

  4. 阅读纵横
    阅读纵横 【市长】 @回复

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

    • 懿古今
      懿古今【站长】 @回复

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

  5. 米粒博客
    米粒博客 【镇长】 @回复

    实用 谢谢分享

  6. 无忧
    无忧 【队长】 @回复

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

  7. 明月登楼
    明月登楼 【市长】 @回复

    路过,支持一下先!

  8. 姜辰
    姜辰 【县长】 @回复

    对于#是习惯了~

  9. Koolight
    Koolight 【市长】 @回复

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

  10. 工业铝型材
    工业铝型材 【队长】 @回复

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