刷新滚动到底部

时间:2012-08-23 13:29:50

标签: javascript jquery scroll html-table page-refresh

我有一个嵌入标签,它嵌入了我网站的另一个页面,我希望嵌入向下滚动。嵌入实际上是嵌入来自另一个页面的聊天评论,我每隔3秒更新一次该页面,但我希望每次刷新时嵌入框架滚动条滚动到底部。任何JavaScript或JQuery都会很好,请帮我完成这个,我需要在哪里提交它。

THE MARKUP

<embed id="embed" src="comments.php" width="200" height="500" border="1"/> <-- This is embed frame

两个页面都是用.php文件编写的,而且comments.php也不包含任何body / html标记。

的comments.php

<table id="commentstable">
<?php
    echo"<tr>
        <td class='username'>$username</td>
        <td class='comment'>$comment</td>
            </tr>";
?>
</table>

我正在使用它刷新评论框和页面。仅更新框架,但主页面保持静止。

Header("refresh:3;url='comments.php'");

请,我需要带有脚本标签的完整代码。

2 个答案:

答案 0 :(得分:3)

在comments.php中收听onload事件并向下滚动此事件。你可以使用jQuery:

$("window").load(scrollDown);

使用onload属性:

// your comment.php body tag
<body onload="scrollDown()">

实际的scrollDown函数可以是:

scrollDown = function() {
   document.body.scrollTop = document.body.scrollHeight;
} 

答案 1 :(得分:0)

$(function(){
 $('body').scrollTop($(document).height());
});