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

[摘要]网站的“回顶部”按钮时一个很好的体验，利用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！

Discuz 下载：

Discuz! X2 R20120628 简体GBK下载

界面预览

本文转自：

分享到