点击页面上某个元素实现动画的滚动效果
2012-06-08 10:17
513 查看
//定位详细信息列表
top = $("#deptChart").offset().top;
$("html,body").stop().animate({scrollTop:top-10},1500);
如果滚动条是用的框架的,操作滚动对象就需要操作body,直接操作框架的对象不行;而如果是页面里的任意一个元素,则直接操作该对象即可,如:
var scrollTop=$("#dept").scrollTop();
$("#dept").stop().animate({scrollTop:top-10},1500);
top = $("#deptChart").offset().top;
$("html,body").stop().animate({scrollTop:top-10},1500);
如果滚动条是用的框架的,操作滚动对象就需要操作body,直接操作框架的对象不行;而如果是页面里的任意一个元素,则直接操作该对象即可,如:
var scrollTop=$("#dept").scrollTop();
$("#dept").stop().animate({scrollTop:top-10},1500);
相关文章推荐
- WOW.js – 在页面滚动时展现动感的元素动画效果
- 页面滚动显示或隐藏元素Headroom.js插件帮助你实现滚动效果
- [jQuery编程挑战]001:实现页面元素加速动画效果
- 原生js利用鼠标滚轮实现滚动到当前页面实现动画效果
- 详解Android实现购物车页面及购物车效果(点击动画)
- 如何css做一个点击导航 页面滚动, 并且有动画效果
- 使用 SVG 动画实现弹性的页面元素效果
- 如何css做一个点击导航 页面滚动, 并且有动画效果
- 用wow.js实现滚动页面时触发CSS 动画效果的插件
- WOW.js – 在页面滚动时展现动感的元素动画效果(精)
- 如何实现点击页面菜单图片替换并且有动画效果
- Android实现购物车页面及购物车效果(点击动画)
- [置顶] 你也可以做一个小米魅族网站(WOW.js:WOW.js – 在页面滚动时展现动感的元素动画效果)
- SVG 动画实现弹性的页面元素效果
- WOW.js+animate 帮助你实现滚动页面动画效果
- IOS_实现tableview向上滚动全屏效果与点击展开动画
- 利用DragTopLayout实现上下两部分页面整体滑动,不影响下面部分页面的滚动效果
- 在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
- Android学习之Android 5.0分享动画实现微信点击全屏效果
- 实现鼠标滚动一下页面就上下翻一页的效果