Jquery 使用div类时，如何使自动滚动到div的底部_Jquery_Html_Css

Jquery 使用div类时，如何使自动滚动到div的底部

jquery html css

Jquery 使用div类时，如何使自动滚动到div的底部,jquery,html,css,Jquery,Html,Css,我需要一个区域，当来自ajax请求的新文本进入时，该区域会自动滚动到底部 CSS div.scroll { height: 400px; width: 95%; overflow: auto; /* border: 1px solid #666; */ background-color: #ccc; padding: 8px; } HTML <html> <head> <script type="text/javas

我需要一个区域，当来自ajax请求的新文本进入时，该区域会自动滚动到底部

CSS

div.scroll {
    height: 400px;
    width: 95%;
    overflow: auto;
    /* border: 1px solid #666; */
    background-color: #ccc;
    padding: 8px;
}

HTML

<html>
<head>
<script type="text/javascript">
        //Handle ajax data
    $(document).ready(function()
    {
        setInterval(doAjaxStuff, 2000);

    }); 

    function doAjaxStuff()
    {
        $.ajax
        ({
            url: "http:somewhere/getLog/",
            dataType: 'json',
            success: function(json) 
            {
                if(json.status ==  "on")
                {
                    $('#log').html(json.log);

                    }
            }
    });
</script>
</head>
<body>

    <div class="scroll" id =log >pleas wait for log</div>

</body>
</html>


//处理ajax数据
$（文档）.ready（函数（）
{
设定间隔（Doajax，2000年）；
}); 
函数doAjaxStuff（）
{
$.ajax
({
url:“http:somewhere/getLog/”，
数据类型：“json”，
成功：函数（json）
{
如果（json.status==“on”）
{
$（'#log'）.html（json.log）；
}
}
});
请等待日志

您可以使用以下功能：

//will only auto-scroll if scroll position is already at bottom 
var doAutoscroll = ($("#log").scrollTop()==$("#log")[0].scrollHeight);
$('#log').html(json.log)
if (doAutoscroll) $("#log").scrollTop($("#log")[0].scrollHeight);