【问题标题】:Refresh HTML Page in Browser Automatically after 5 seconds and scroll to bottom5秒后自动刷新浏览器中的HTML页面并滚动到底部
【发布时间】:2017-10-07 17:08:49
【问题描述】:

我不熟悉 HTML,但我需要对现有代码做一个简单的修改。我有一个可以在 Word 中修改的 HTML 文档(您可以输入文本段落)。

如果您使用网络浏览器访问文档,它会每 5 秒自动刷新一次,以显示其他用户在 Word 中所做的最新修改。唯一的问题是它不会向下滚动到某人输入的最新文本段落。

目前,我正在使用此代码刷新页面:

<meta http-equiv=refresh content=5>

有什么我可以简单地添加以使页面每次自动刷新时向下滚动到底部?

非常感谢!

【问题讨论】:

    标签: html refresh page-refresh


    【解决方案1】:

    试试这个...

    对于 HTML 部分...

    <body onload="goDown()">
    

    对于 javascript 部分... 在 HTML 文件上添加 jquery.js..否则 javascript 代码将不起作用..

    function goDown(id) {
       var div = document.getElementById(id);
       $('body').animate({
          scrollTop: document.body.scrollHeight
       }, 800);
    }
    

    这将在刷新时自动滚动到页面底部。 您可以根据您的要求添加任何时间延迟而不是 800...。

    【讨论】:

    • 非常感谢。我可以在这段代码下面添加函数吗:
    • 建议将 JavaScript 始终放在文档的底部。但您可以将其添加到元标记行下方的脚本标记中。
    猜你喜欢
    • 2013-09-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-27
    • 2012-07-27
    • 1970-01-01
    相关资源
    最近更新 更多