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

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

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

765

主题

779

帖子

3万

积分

董事

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

积分
33025
发表于 19-4-4 16:36:18 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
                很多人都想让x2中的返回顶部移动到1.5上,那么下面我就教大家如何将这个功能移动到1.5上。
3 A3 ?5 Y$ h- z8 g% h5 |! f首先打开X2安装包你需要讲一下几处的代码移动到 1.5中。
8 g& i% z+ M& |0 j! c1.打开x2中的./static/js/common.js找到这段js函数将它复制到x1.5中的./static/js/common.js文件底部。; `" I3 y% V; A. M* F
  1. function showTopLink() {/ _! B" d  Z5 Q
  2.         if($('ft')){" r, K6 \; J$ u, e) G3 F' M" s
  3.                 var viewPortHeight = parseInt(document.documentElement.clientHeight);. S# J; u: n) N. K' ]
  4.                 var scrollHeight = parseInt(document.body.getBoundingClientRect().top);
      w. J+ m3 a& z. A3 K( _
  5.                 var basew = parseInt($('ft').clientWidth);
    9 G; K, B( H: y; ^# t9 Q; I: ?
  6.                 var sw = $('scrolltop').clientWidth;
    ; a. L$ q; {/ N5 q& d7 P5 M8 A
  7.                 if (basew < 1000) {
    # b' w0 Q/ V. J/ |5 A
  8.                         var left = parseInt(fetchOffset($('ft'))['left']);
    , H6 m  H  W9 P8 `. C* N
  9.                         left = left < sw ? left * 2 - sw : left;
    ' f9 Y8 K- e4 W: @6 m4 R* C
  10.                         $('scrolltop').style.left = ( basew + left ) + 'px';% a" K4 x3 i+ ~: |- `0 z
  11.                 } else {
    - E$ i5 @6 T* T
  12.                         $('scrolltop').style.left = 'auto';* Z- A% D9 D) S' U5 {1 Y
  13.                         $('scrolltop').style.right = 0;
    . L7 d+ Z# H/ ^1 O- c
  14.                 }
    " t) I* K# x  m/ J. N- H8 w3 I) v
  15. . [  {9 z- S9 e$ z& |. \0 P0 K8 A
  16.                 if (BROWSER.ie && BROWSER.ie < 7) {
    ( Z4 E2 K0 L( M6 w: n
  17.                         $('scrolltop').style.top = viewPortHeight - scrollHeight - 150 + 'px';) _7 ^2 z* p9 l3 m" T" g
  18.                 }/ L6 S( H4 P; L8 P7 t8 m) j
  19.                 if (scrollHeight < -100) {
    . \9 Q5 {  f2 w" w' m
  20.                         $('scrolltop').style.visibility = 'visible';" M5 f4 o$ r1 L) X, V1 e
  21.                 } else {' f; T+ N% q/ M# j* E: M
  22.                         $('scrolltop').style.visibility = 'hidden';/ v4 N: Y+ }) b) D# g+ Y
  23.                 }
    $ }& ]/ |/ A) x; I
  24.         }
    - c. ^9 r  Y6 ?; w) S& J. Q
  25. }
复制代码
2.找到x2中的./template/default/common/footer.htm,将以下代码
9 M4 y3 ?' o- }- Q4 C
  1. <span id="scrolltop">{lang scrolltop}</span>
    0 ]* a4 Q0 x5 Z; H
  2. <script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script>
复制代码
复制到x1.5中的./template/default/common/footer.htm文件中的<!--{eval output();}-->这段代码的上面。
1 r1 t5 I; C$ U4 J/ w4 B6 ~4 b+ \* f. x7 O) S# I0 P
3.找到找到x2中的./template/default/common/common.css,将以下代码
" L, y6 q$ I  }# }
  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; }. Y6 Q0 i% J2 I
  2.                 .ie6 #scrolltop { position: absolute; bottom: auto; }
复制代码
复制到x1.5中的./template/default/common/common.css文件中.
8 [( A% n# C4 ~; j; }# I, v/ H5 I: p8 ], E+ }# y
4.找到找到x2中的./static/image/common/scrolltop.png复制到x1.5中的./static/image/common/文件中.
4 s4 J" v: H5 W; T然后更新缓存。前台刷新页面看看吧* [7 J7 Y, w' A. ?. w
1 C  H3 z. {: o% G
            
网站简介

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