Chinaunix首页 | 论坛 | 博客
  • 博客访问: 34618
  • 博文数量: 19
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 185
  • 用 户 组: 普通用户
  • 注册时间: 2015-06-08 17:27
文章分类

全部博文(19)

文章存档

2016年(5)

2015年(14)

我的朋友

分类: JavaScript

2015-08-03 17:02:11

top.rar
回到顶部效果分为两步实现:
1.当滚动条距顶部距离大于100像素时,跳转链接出现,否则消失

点击(此处)折叠或打开

  1. $(window).scroll(function(){
  2.     if ($(window).scrollTop()>100){
  3.         $("#toTop").fadeIn(1000);
  4.     }
  5.     else
  6.     {
  7.         $("#toTop").fadeOut(600);
  8.     }
  9. });

2.当点击跳转链接后,动画效果回到页面顶部位置

点击(此处)折叠或打开

  1. $("#toTop").click(function(){
  2.     $('body,html').animate({scrollTop:0},1000);
  3.     return false;
  4. });


阅读(292) | 评论(0) | 转发(0) |
0

上一篇:JQuery checkbox

下一篇:选项卡切换

给主人留下些什么吧!~~