请选择 进入手机版 | 继续访问电脑版
繁体中文

巅峰霸主

 找回密码
 立即注册

QQ登录

只需一步,快速开始

返回顶部js代码支持滚动到一定高度显示隐藏jQuery代码

[复制链接]
烈火大地 发表于 2018-1-31 11:33:31 | 显示全部楼层 |阅读模式

游客只能显示部分内容,请登录后查看帖子完整内容!!!注册完全免费。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
返回顶部的jQuery/js代码哇,在很多地方都需要使用到,首先上js部分的代码:
  1. <script>
  2.         $(function(){
  3.                 $(window).scroll(function(){
  4.                         if($(window).scrollTop()>100){  //距顶部多少像素时,出现返回顶部按钮
  5.                                 $("#side-bar .gotop").fadeIn();       
  6.                         }
  7.                         else{
  8.                                 $("#side-bar .gotop").hide();
  9.                         }
  10.                 });
  11.                 $("#side-bar .gotop").click(function(){
  12.                         $('html,body').animate({'scrollTop':0},500); //返回顶部动画 数值越小时间越短
  13.                 });
  14.         });
  15. </script>
复制代码


HTML里面使用ID引用,htm部分代码:
  1. <ul id="side-bar" class="side-pannel side-bar">
  2.     <a href="http://wpa.qq.com/msgrd?v=3&uin={$im}&site={$shop_name}&menu=yes" target="_blank" class="kefuqq"></a>
  3.     <a href="http://amos1.taobao.com/msg.ww?v=2&uid={$im|escape:u8_url}&s=2" target="_blank" class="kefuww"></a>
  4.   <a href="javascript:;" class="qr weixin"><i></i></a>
  5.   <a href="javascript:;" class="gotop" style="display:none;"></a>
  6. </ul>
复制代码
回复

使用道具 举报

QQ|小黑屋|手机版|Archiver|巅峰霸主 ( 京ICP备12023415号-2 )

声明:本站的任何信息和内容仅代表作者的立场和观点,与巅峰霸主网无关。

禁止在巅峰霸主网发布任何与《中华人民共和国法律》相抵触的言论!

GMT+8, 2018-9-22 20:55 , Processed in 0.123927 second(s), 28 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表