Discuz! 网站“回顶部”按钮位置的控制

tkywr

“回顶部” 一个很好的体验，使用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！

mitong

非常好用！