• 欢迎@方程式 @小云 加入我们
  • 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
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 
我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册