将discuz X2返回顶部的按钮X1.5中实现步骤
来源: 阅读:834 次 日期:2014-09-02 17:38:13
温馨提示: 小编为您整理了“将discuz X2返回顶部的按钮X1.5中实现步骤”,方便广大网友查阅!

很多人都想让x2中的返回顶部移动到1.5上,那么下面我就教大家如何将这个功能移动到1.5上。

首先打开X2安装包你需要讲一下几处的代码移动到 1.5中。

1.打开x2中的./static/js/common.js找到这段js函数将它复制到x1.5中的./static/js/common.js文件底部。

function showTopLink() {

if($('ft')){

var viewPortHeight = parseInt(document.documentElement.clientHeight);

var scrollHeight = parseInt(document.body.getBoundingClientRect().top);

var basew = parseInt($('ft').clientWidth);

var sw = $('scrolltop').clientWidth;

if (basew < 1000) {

var left = parseInt(fetchOffset($('ft'))['left']);

left = left < sw ? left * 2 - sw : left;

$('scrolltop').style.left = ( basew + left ) + 'px';

} else {

$('scrolltop').style.left = 'auto';

$('scrolltop').style.right = 0;

}

if (BROWSER.ie && BROWSER.ie < 7) {

$('scrolltop').style.top = viewPortHeight - scrollHeight - 150 + 'px';

}

if (scrollHeight < -100) {

$('scrolltop').style.visibility = 'visible';

} else {

$('scrolltop').style.visibility = 'hidden';

}

}

}

2.找到x2中的./template/default/common/footer.htm,将以下代码

<span id="scrolltop">{lang scrolltop}</span>

<script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script>

复制到x1.5中的./template/default/common/footer.htm文件中的<!--{eval output();}-->这段代码的上面。

3.找到找到x2中的./template/default/common/common.css,将以下代码

#scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0 0; width: 26px; height: 50px; background: url({IMGDIR}/scrolltop.png) no-repeat 50% 0; line-height: 999px; overflow: hidden; cursor: pointer; }

.ie6 #scrolltop { position: absolute; bottom: auto; }

复制到x1.5中的./template/default/common/common.css文件中.

4.找到找到x2中的./static/image/common/scrolltop.png复制到x1.5中的./static/image/common/文件中.

然后更新缓存。前台刷新页面看看吧

更多信息请查看IT技术专栏

更多信息请查看CMS教程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map