JavaScript 滚动页面到指定元素位置
2016-03-09 10:54
691 查看
页面评论功能,当评论较多时,有时须要滚动到评论头部。
能够使用scrollTop方法,加上一点延时动画(animate),可訪问在线演示,代码大体例如以下:
by iefreer
能够使用scrollTop方法,加上一点延时动画(animate),可訪问在线演示,代码大体例如以下:
<html> <script src="//wow.techbrood.com/libs/jquery/jquery.min.js"></script> <script> $(document).ready(function (){ $("#scroll").click(function (){ $('html, body').animate({ scrollTop: $("#div1").offset().top }, 2000); }); }); </script> <ul id="commentlist"> <li style="text-align: left"> <img src="" alt=""> <p class="name">iefreer</p> <span class="time">2015-07-17 16:38:45</span> <p class="comment_content">comment1</p> </li> <li style="text-align: left"> <img src="" alt=""> <p class="name">iefreer</p> <span class="time">2015-07-17 16:38:25</span> <p class="comment_content">comment2</p> </li> <li style="text-align: left"> <img src="" alt=""> <p class="name">iefreer</p> <span class="time">2015-07-17 16:38:02</span> <p class="comment_content">comment3</p> </li> </ul> <button id="scroll">Scroll me</button> </html>
by iefreer
相关文章推荐
- 理解JavaScript里的 [].forEach.call() 写法
- JS 表单数据封装到后台的工具类
- js eval
- 输入信息页面js验证,提示信息
- Js实现Map对象
- javascript时间排序算法实现活动秒杀倒计时效果
- oc js相互调用
- javascript常用校验器
- 深入浅出 ES6:ES6 与 Babel / Broccoli 的联用
- 理解JavaScript里的 [].forEach.call() 写法
- JavaScript 数据类型总结
- js仿支付宝填写支付密码效果实现多方框输入密码
- 3.1 Javascript:探索客户端-设置网页元素根据窗口比例调整位置与大小
- javascript的定时器
- store.js - 轻松实现本地存储(LocalStorage)
- JavaScript的相关内容
- Retrofit2 使用FastJson作为Converter
- 自定义 JSON 对象
- SmartClient中jsp使用xml方式的调用过程
- 如何使用JavaScript来写ASP程序