留言板

您的昵称:

联系方式:

留言内容:

         
点击关闭

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>
本文出至:新太潮流网络博客
转载请注明出处:新太潮流网络博客

相关推荐



评论(每1小时刷新一次评论缓存,您的评论一小时后才会显示