很多人都想让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/文件中.
然后更新缓存。前台刷新页面看看吧