腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

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

0
回复
897
查看
[复制链接]

761

主题

775

帖子

3万

积分

董事

Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72

积分
32853
发表于 19-4-4 16:36:18 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
                很多人都想让x2中的返回顶部移动到1.5上,那么下面我就教大家如何将这个功能移动到1.5上。& [% g3 a3 f* R* O* i, e3 i
首先打开X2安装包你需要讲一下几处的代码移动到 1.5中。
& {3 D6 a3 a( M  g' w1.打开x2中的./static/js/common.js找到这段js函数将它复制到x1.5中的./static/js/common.js文件底部。% j; M+ c) ^6 g& n
  1. function showTopLink() {
    6 t0 V- l% V6 G; F2 _, X
  2.         if($('ft')){  u* |2 s2 A4 ]+ ]) `& F
  3.                 var viewPortHeight = parseInt(document.documentElement.clientHeight);
    / F1 s/ U& k/ I, @) A/ u4 g
  4.                 var scrollHeight = parseInt(document.body.getBoundingClientRect().top);  x+ d' r; L8 H  A
  5.                 var basew = parseInt($('ft').clientWidth);
    # M6 a3 n& U& ^* l. I& ~; [
  6.                 var sw = $('scrolltop').clientWidth;
    6 H9 x! k, O1 m8 Q& T
  7.                 if (basew < 1000) {% z- l$ E: Y) A# j+ [) j" D# q
  8.                         var left = parseInt(fetchOffset($('ft'))['left']);$ n  P9 i. X1 V! U& v! [
  9.                         left = left < sw ? left * 2 - sw : left;
    5 F) D8 `1 f: x, P9 {
  10.                         $('scrolltop').style.left = ( basew + left ) + 'px';
    6 L. T$ q! i* B  k4 H: n. j0 L0 O
  11.                 } else {
    5 ^" d0 i0 v+ i, s4 P" B
  12.                         $('scrolltop').style.left = 'auto';  P$ I+ Z1 i1 I+ S, r2 l& Q- x
  13.                         $('scrolltop').style.right = 0;8 z4 X  ~: M4 h/ w6 T
  14.                 }/ S1 R3 E; W+ u* w- w, }
  15. ( i- J3 u1 {2 P3 I' l$ q) k
  16.                 if (BROWSER.ie && BROWSER.ie < 7) {1 ~; J6 B' Z0 h3 r1 M/ a" u
  17.                         $('scrolltop').style.top = viewPortHeight - scrollHeight - 150 + 'px';
    , k! ]1 C9 t) a8 p" e
  18.                 }
    , l! X. B5 [# ~
  19.                 if (scrollHeight < -100) {
    : o# t$ z7 d# B. o5 N6 Y& z$ B3 v
  20.                         $('scrolltop').style.visibility = 'visible';
    " a' [7 j, O+ h7 U. _! v' ^
  21.                 } else {
    ) M$ |3 ]2 ~7 `  K6 _4 n& ~
  22.                         $('scrolltop').style.visibility = 'hidden';
    8 ]( [+ C7 f; _$ G" }9 Y
  23.                 }# G% F1 Z' ~. e$ ]" E
  24.         }
    ( l' d1 ^6 O" y' S& h
  25. }
复制代码
2.找到x2中的./template/default/common/footer.htm,将以下代码( x9 l) o" x8 n
  1. <span id="scrolltop">{lang scrolltop}</span>% }1 {2 L$ b3 o
  2. <script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script>
复制代码
复制到x1.5中的./template/default/common/footer.htm文件中的<!--{eval output();}-->这段代码的上面。
8 b8 z0 Y* r3 _' [: P' r1 T3 N! |! z7 d! \. T+ a" I* `
3.找到找到x2中的./template/default/common/common.css,将以下代码# `: ^* v0 Y% j5 m5 [
  1.                         #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; }
    3 b9 f- m( K0 f5 ~' O
  2.                 .ie6 #scrolltop { position: absolute; bottom: auto; }
复制代码
复制到x1.5中的./template/default/common/common.css文件中.* [. D3 G7 b' k% j! G

# g) W+ o; u0 i4.找到找到x2中的./static/image/common/scrolltop.png复制到x1.5中的./static/image/common/文件中.
/ `6 B  N. r* @/ b- _& F9 i然后更新缓存。前台刷新页面看看吧; r% U( u2 `6 D0 e' m

, F& O, l0 T; o4 S0 P* u  s! `            
网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除