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

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

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

690

主题

704

帖子

3万

积分

董事

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

积分
31813
     紫钻仅向指定用户开放  
发表于 19-4-4 16:36:18 | 显示全部楼层 |阅读模式
                很多人都想让x2中的返回顶部移动到1.5上,那么下面我就教大家如何将这个功能移动到1.5上。2 Z! W& Q- [7 v* k7 l% N& G
首先打开X2安装包你需要讲一下几处的代码移动到 1.5中。
9 P2 j  w( G. Y6 m+ |1.打开x2中的./static/js/common.js找到这段js函数将它复制到x1.5中的./static/js/common.js文件底部。* l: A7 U! K2 |9 H- t5 |  x
  1. function showTopLink() {
    " m, c. |' x1 N1 J
  2.         if($('ft')){
    ' Z' X; T' D' Z
  3.                 var viewPortHeight = parseInt(document.documentElement.clientHeight);1 @# q, E# i% W
  4.                 var scrollHeight = parseInt(document.body.getBoundingClientRect().top);- B, q+ z1 }4 K8 K8 s4 N
  5.                 var basew = parseInt($('ft').clientWidth);
    ) x; p- M/ I3 @
  6.                 var sw = $('scrolltop').clientWidth;
    9 w( D  B5 i; P( v4 p& o
  7.                 if (basew < 1000) {( T+ J4 ?( k& l% X
  8.                         var left = parseInt(fetchOffset($('ft'))['left']);
    % Q7 R: a1 C5 D- Z. w  t
  9.                         left = left < sw ? left * 2 - sw : left;3 A2 f$ E0 G4 r8 L/ Y5 r
  10.                         $('scrolltop').style.left = ( basew + left ) + 'px';
    3 b' Y7 P: L1 Q4 a
  11.                 } else {
    * Z& f6 f* s9 X, y6 b
  12.                         $('scrolltop').style.left = 'auto';
      H$ P7 m( g/ u6 t% k" W
  13.                         $('scrolltop').style.right = 0;
    7 u( P' E  d. ~; G# j
  14.                 }
    ; o+ ?* B9 o8 r, c: }$ l9 M$ T# g7 Z
  15. # R$ u9 M8 x" r) r1 Q, |0 m% Z
  16.                 if (BROWSER.ie && BROWSER.ie < 7) {
    5 v; q3 K8 {/ a2 \% e
  17.                         $('scrolltop').style.top = viewPortHeight - scrollHeight - 150 + 'px';" J+ h" J) ^  ~( X
  18.                 }
    & D6 A+ j+ t- w  B. R! l
  19.                 if (scrollHeight < -100) {
    . [; @$ d& H, B2 D
  20.                         $('scrolltop').style.visibility = 'visible';% K9 l  R5 D2 E* @$ O: t- g* X0 s  h& k
  21.                 } else {
    % G( Y4 Y$ w- J7 C% f9 x4 Q
  22.                         $('scrolltop').style.visibility = 'hidden';
    7 H9 `. k  Q5 F, x+ b
  23.                 }
    ( k7 N5 }% n$ x0 W* Q$ o
  24.         }
    ! E; t& f# C& J
  25. }
复制代码
2.找到x2中的./template/default/common/footer.htm,将以下代码; @5 X. v2 S( ^6 b! [
  1. <span id="scrolltop">{lang scrolltop}</span>) h( S9 Z  R8 w3 G8 u; w. F
  2. <script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script>
复制代码
复制到x1.5中的./template/default/common/footer.htm文件中的<!--{eval output();}-->这段代码的上面。
7 R/ W+ I. d9 B3 I
9 h' M  Q  \+ f5 @4 }3.找到找到x2中的./template/default/common/common.css,将以下代码$ A5 u. F2 \5 I7 O- _
  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; }4 _7 h, e+ y1 \' j0 W( T- h
  2.                 .ie6 #scrolltop { position: absolute; bottom: auto; }
复制代码
复制到x1.5中的./template/default/common/common.css文件中.
! u4 H  F" b7 Y
% h8 j5 ]1 c- a* S4.找到找到x2中的./static/image/common/scrolltop.png复制到x1.5中的./static/image/common/文件中.0 m- n8 g# L" t: H) Y
然后更新缓存。前台刷新页面看看吧
4 D3 U$ i2 O+ h# a# m6 J) W . m" S7 {2 Y2 g4 D
            

qiuqiufa.com

网站简介

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