滚动到指定元素 | JShare

$(document).ready(function() {
    $("#scroll").click(function() {
        console.log($("#comment2").offset().top);
        $('html, body').animate({
            scrollTop: $("#comment2").offset().top
        }, 1000);
    });
});

<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" id='comment2'>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>
    <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>

#scroll {
    margin-bottom: 60px;
    padding: 5px 10px;
}

{"doctype":0,"resouces":"1","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":0}}","meta":""}

滚动到指定元素 | JShare

模板（查看所有模板）