页面评论功能,当评论较多时,有时需要滚动到评论头部。
可以使用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
再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow