51可用代码模板网站

咨询热线:

181-1164-6936
  • 1
JS代码
当前位置:首页>实用代码>JS代码>

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

时间:2017-08-17 17:13点击:
页面评论功能,当评论较多时,有时需要滚动到评论头部。

可以使用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>  

51可用模板(代码)网站专为广大站长朋友提供精品模板与代码,同时免费提供网站收录。
本站域名: WWW.51KYDM.COM    联系方式:QQ:182468923    手机:18111646936
本站关键词:网站链接收录网址收录入口网站免费提交收录网站收录提交入口    网站地图
51可用模板
展开