杭州神话信息技术有限公司

标题: 【返回顶部按钮优化】在页面顶部时不显示返回顶部按钮 [打印本页]
作者: 支持者    时间: 2011-5-13 22:03:20     标题: 【返回顶部按钮优化】在页面顶部时不显示返回顶部按钮

本帖最后由 支持者 于 2011-5-13 23:12 编辑

打开文件 templates/default/topic_footer.html

找到如下代码
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $('.goTop').click(function(e){
  4. e.stopPropagation();
  5. $('html, body').animate({scrollTop: 0},300);
  6. return false;
  7. });
  8. });
  9. </script>
  10. <div class="backTop"><a href="#" class="goTop" ></a></div>
复制代码
修改为：
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $('.goTop').click(function(e){
  4. e.stopPropagation();
  5. $('html, body').animate({scrollTop: 0},300);
  6. backTop();
  7. return false;
  8. });
  9. });
  10. </script>
  11. <div id="backtop" class="backTop"><a href="javascript:void(0)" class="goTop" ></a></div>
  12. <script type="text/javascript">
  13. window.onscroll=backTop;
  14. function backTop(){
  15.   if(document.documentElement.scrollTop==0){
  16.    document.getElementById('backTop').style.display="none";
  17.    }else{
  18.    document.getElementById('backTop').style.display="block";
  19.     }
  20.   }
  21. backTop();
  22. </script>
复制代码
覆盖，清空缓存！好东西要分享啊！
作者: 彩客微博    时间: 2011-5-13 23:51:36

呵呵，好东西，够人性化啊！！！！
作者: 彩客微博    时间: 2011-5-14 19:18:51

回复 彩客微博 的帖子

部分浏览器还是不行，望改进！



欢迎光临 杭州神话信息技术有限公司 (http://cenwor.com/) Powered by Discuz! X2