快捷搜索:   文件 java linux

JavaScript 滚动页面到指定DIV元素位置

<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>



您可能还会对下面的文章感兴趣:

头像:

设置头像

x
名称(*):
域名    :
邮箱    :

评论内容(*): 刷新评论 提交评论