刷新滚动到底部答案

【问题标题】：Refresh Scroll to bottom刷新滚动到底部
【发布时间】：2012-08-23 13:29:50
【问题描述】：

我有一个嵌入标签，它正在嵌入我网站的另一个页面，我希望该嵌入向下滚动。该嵌入实际上是从另一个页面嵌入聊天 cmets，我每 3 秒更新一次该页面，但我希望嵌入框架滚动条在每次刷新时滚动到底部。任何 JavaScript 或 JQuery 都会很好，请帮我完成这个，我需要在某个地方提交它。

标记

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

两个页面都写在 .php 文件中，而且 cmets.php 不包含任何 body/html 标签。

Comments.php

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

我正在使用它来刷新 cmets 框架和页面。只有框架被更新，但主页保持静态。

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

拜托，我需要带有脚本标签的完整代码。

【问题讨论】：

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

【解决方案1】：

收听 cmets.php 中的 onload 事件并向下滚动查看此事件。你可以使用 jQuery：

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

或使用 onload 属性：

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

实际的 scrollDown 函数可能是这样的：

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

【讨论】：

【解决方案2】：

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

【讨论】：