• Register

Discuz回顶部按钮位置控制

“回顶部” 一个很好的体验,使用Discuz的童鞋,大多都修改了模板,造成“回顶部”按钮要么不显示,要么位置控制不好!这里分享一下个人使用后的小心得!

首先看 “回顶部” 的相关模板部分,打开 template/default/common/footer.htm

<span id="scrolltop" onclick="window.scrollTo('0','0')">{lang scrolltop}</span>
<script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script>

另外需要CSS和JS来控制位置:

1、CSS:template/default/common/common.css 中的#scrolltop部分的 margin 属性,默认为:

margin: -30px 0 0;// 上 右 下 左

2、JS:/static/js/common.js 中的 showTopLink() 函数,关键在于下面这句:

if (basew < 1000) {

以我的 Discuz 使用的模板来说,模板宽度为 1000px,正好处于临界点,所以 页面滚动的时候,出现的 “回顶部” 会靠在右边浏览器滚动栏,要想还原为紧邻页面主体右侧,可以修改上述两处中的任意一处即可!这里我修改了第二处为 1100 ,效果很好!

另:如果有童鞋使用了官方发帖直通车插件,同样需要做上述调整,其JS文件位置 vfastpost/image/v.js!

版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/777.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

发表评论 

9 条评论 »

  • 上海顺丰物流
    2012/04/18 at 23:28:47

    谢谢博主的分享,希望有更多的类似主题来分享分享,学习了

  • 石料生产线设备
    2012/03/30 at 08:24:28

    嗯嗯非常不错!

  • 公文包
    2012/03/29 at 09:43:12

    不错。。。。。。。。。

  • 韩版女装
    2012/03/27 at 21:06:53

    这个直接JS就可以调用了

  • 上海火车托运
    2012/03/26 at 03:18:38

    我目前正在学习JS的调用,真的谢谢博主分享与告知,对我很有用

  • 卢松松
    2012/03/23 at 18:50:20

    用了两段JS?

    • 头像来自 新浪微博
      haibor
      2012/03/24 at 11:31:45

      @卢松松 一段JS,调用了common.js里的showTopLink()函数即可!

  • le coq sportif
    2012/03/23 at 14:47:57

    博客不错,很喜欢这个风格,留个脚印 支持一下!

我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册