Question

这是我的第一页：

<html>
    <head>
        <script type="text/javascript" src="js/jquery.min.js"></script>
    </head>
    <body>
        <div id="comment"></div>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#comment').load('comment.php');
            });
        </script>
    </body>
<html>

及其评论.php：

<ul id="comments" style="overflow: scroll;">
    <li>
        <p>comment</p>
    </li>
    <li>
        <p>comment</p>
    </li>
    <li class="importants">
        <p>comment</p>
    </li>
    <li>
        <p>comment</p>
    </li>
    <li>
        <p>comment</p>
    </li>
    <li>
        <p>comment</p>
    </li>
</ul>

我希望ul在加载后滚动到li.importants。 .importants用滚动显示评论。（重要评论）这个ul滚动到底部！

Answer 1

试试这个：

$(document).ready(function() {
    $('#comment').load('comment.php', function() {
        $('#comments').animate({
            scrollTop: $('#comments').find('.importants').offset().top
        }, 400);    
    });
});

Answer 2

 scrollTop: $('li .importants').offset().top

Answer 3

$(document).ready(function() {
    $('#comment').load('comment.php', function() {
        $("#comments").animate({scrollTop: $('.importants').offset().top - $("body").height() + 410});
    });
});

但它只适用于您的网站!!

滚动到加载div上的重要li，例如li class =＆＃34; importants＆＃34;

3 个答案: