TA的每日心情 | 开心
2021-12-13 21:45 |
|---|
签到天数: 15 天 [LV.4]偶尔看看III
|
|
页面评论功能，当评论较多时，有时需要滚动到评论头部。
可以使用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
|
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2018-5-27 14:45:41