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

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

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

763

主题

777

帖子

3万

积分

董事

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

积分
32946
发表于 19-4-4 16:36:18 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
                很多人都想让x2中的返回顶部移动到1.5上,那么下面我就教大家如何将这个功能移动到1.5上。
2 R' v; M8 ]1 _& b( M  I首先打开X2安装包你需要讲一下几处的代码移动到 1.5中。
& I& X) W/ T1 ~5 U1.打开x2中的./static/js/common.js找到这段js函数将它复制到x1.5中的./static/js/common.js文件底部。/ ^% d$ H. f& }( Z, d0 z
  1. function showTopLink() {
    4 @* A' I9 B& V4 c' S
  2.         if($('ft')){
    5 {& I2 L* q& X2 H
  3.                 var viewPortHeight = parseInt(document.documentElement.clientHeight);
    ) R. D! D* w  {6 A0 B  `7 s, F6 [
  4.                 var scrollHeight = parseInt(document.body.getBoundingClientRect().top);# [0 P$ G) i$ M5 C  u8 c
  5.                 var basew = parseInt($('ft').clientWidth);
    / j. U4 d; t# h% e* z: _) ^
  6.                 var sw = $('scrolltop').clientWidth;/ x  B; h" E! _1 u/ a! S1 J( x
  7.                 if (basew < 1000) {' r4 ~$ ?8 x: M
  8.                         var left = parseInt(fetchOffset($('ft'))['left']);
    0 K) }/ a( B" {/ L4 z
  9.                         left = left < sw ? left * 2 - sw : left;
    6 R! p7 N/ B; a* Q7 \
  10.                         $('scrolltop').style.left = ( basew + left ) + 'px';
    9 A% u4 A) [4 `7 C  y0 l
  11.                 } else {, S3 ~5 |" A8 U& C  x' ~
  12.                         $('scrolltop').style.left = 'auto';
    ; ?) Q: L9 x2 C  C$ k* y
  13.                         $('scrolltop').style.right = 0;1 u5 m4 i, c' g# w# _1 |  a
  14.                 }; ~; g6 b  V* M8 h
  15. 9 |% Q+ a- Y& x1 w, m
  16.                 if (BROWSER.ie && BROWSER.ie < 7) {
    9 T/ [0 A8 ?9 Z; t/ D
  17.                         $('scrolltop').style.top = viewPortHeight - scrollHeight - 150 + 'px';
    3 \* x- R6 c4 S+ u: O
  18.                 }7 h/ h; U1 a( h, g
  19.                 if (scrollHeight < -100) {. T+ k5 i! _. b
  20.                         $('scrolltop').style.visibility = 'visible';' ]  d0 Q1 |. W0 B# f7 C& e
  21.                 } else {
    0 [$ V! Q( _5 T  P5 p6 {
  22.                         $('scrolltop').style.visibility = 'hidden';
    - |5 X0 D- o/ v( i" f$ N, e+ Q
  23.                 }
    ; A. y. J9 S  D& ^
  24.         }
      T1 }9 y; _9 U% k
  25. }
复制代码
2.找到x2中的./template/default/common/footer.htm,将以下代码
7 S# v' }8 y; {8 R7 v$ @# X+ i) n2 Y% y3 s8 R
  1. <span id="scrolltop">{lang scrolltop}</span>- y- g. `( \& N# S9 ~
  2. <script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script>
复制代码
复制到x1.5中的./template/default/common/footer.htm文件中的<!--{eval output();}-->这段代码的上面。+ l! y( w( K* s) F' U$ R7 d

/ E: ~+ v2 K+ A0 ?/ R( x& C3.找到找到x2中的./template/default/common/common.css,将以下代码
) l5 p" F) p$ N* ]- A
  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; }0 A/ [7 g2 f/ g
  2.                 .ie6 #scrolltop { position: absolute; bottom: auto; }
复制代码
复制到x1.5中的./template/default/common/common.css文件中.
' o) Z* i0 n+ ?6 x0 O) @- L* ^
* k& i3 P$ m: Q" T4 b0 E4.找到找到x2中的./static/image/common/scrolltop.png复制到x1.5中的./static/image/common/文件中.$ `( p1 J5 [$ m2 d, ]
然后更新缓存。前台刷新页面看看吧+ t8 g. X7 c3 |7 x7 [( n2 ^

3 _1 J# h+ Y( ~6 G6 j/ i2 h7 J# D            
网站简介

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