一个菜鸟的互联网技术分享博客
您的位置: 主页 > 页面导航和吸顶功能js代码
advertisement

页面导航和吸顶功能js代码

这篇文章是为了公司一个憨批所写并记录的一个简单的功能
  1. $(window).scroll(function() {  
  2.         var wScroll = $(this).scrollTop();  
  3.         if (wScroll > 200) {  
  4.             $('.main .header_lunbo .top_item').addClass('xiding');  
  5.             $('.main .right_kefu .right_list:last-child').fadeIn(500)  
  6.         } else {  
  7.             $('.main .header_lunbo .top_item').removeClass('xiding');  
  8.             $('.main .right_kefu .right_list:last-child').fadeOut(500)  
  9.         }  
  10.     });  
  11.     $(".main .right_kefu .right_list:last-child").click(function() {  
  12.         $('body,html').animate({  
  13.           scrollTop: 0  
  14.         },  
  15.         500);  
  16.         return false;  
  17.     });  

html部分和css部分就不写了,没有意思
zhangren.online
上一篇:使用qrcode生成二维码并实现当前页面截图
下一篇:一个html实现的小时钟,动态显示当前时间,可以直接运行使用

您可能喜欢

​es6常用数组操作及技巧汇总

​es6常用数组操作及技巧汇总

​jQuery数字字母组合验证码

​jQuery数字字母组合验证码

​如何将自己写的代码上传到github上

​如何将自己写的代码上传到github上

回到顶部