将X2返回顶部的按钮X1.5中实现步骤

elevensky · 发表于 2011-4-24 17:51:12

本帖最后由 elevensky 于 2011-5-13 14:37 编辑

很多人都想让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" onclick="window.scrollTo('0','0')">{lang scrolltop}</span>
<script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script>

复制代码

复制到x1.5中的./template/default/common/footer.htm文件中的这段代码的上面。

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/文件中.
然后更新缓存。前台刷新页面看看吧{:soso_e112:}

82076322 · 发表于 2011-4-24 18:26:05

lancev · 发表于 2011-4-26 12:31:40

新手看着吃力。。哎

helvshen · 发表于 2011-4-29 01:23:58

有人成功了么

helvshen · 发表于 2011-4-29 01:46:32

按照以上步骤做了，点击之后没反应...

nightowl · 发表于 2011-4-29 13:23:26

贴内就有“返回顶部”啦

nightowl · 发表于 2011-4-29 14:37:12

helvshen 发表于 2011-4-29 01:46
按照以上步骤做了，点击之后没反应...

同样问题。按照以上步骤做了，点击之后没反应。

UNI0916 · 发表于 2011-4-29 23:10:00

回文功能要是能善加管理就沒有搗亂的
這語法我學起來

nightowl · 发表于 2011-5-1 23:57:19

有人成功了么

nightowl · 发表于 2011-5-3 00:06:32

出来说句话呀。

		自动登录	找回密码
密码			立即注册

将X2返回顶部的按钮X1.5中实现步骤

评分