blocks|key|5041896|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5041897|window.scroll(0,+document.documentElement.scrollHeight)|code-block|syntax|javascript|5041898|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Try this:</p>

<pre><code>window.scroll(0, document.documentElement.scrollHeight)
</code></pre>


blocks|key|2927816|text|像这样的东西？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2927817|++++<html>
++++<head>
++++++<script+type="text/javascript">
++++++function+moveWin()
++++++{++
++++++++window.scroll(0,10000);
++++++++setTimeout('moveWin();',1000);
++++++}
++++++</script>
++++</head>
++++<body+onLoad="moveWin();">

++++</body>
++++</html>|code-block|syntax|javascript|2927818|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Something like this?</p>

<pre><code>    &lt;html&gt;
    &lt;head&gt;
      &lt;script type="text/javascript"&gt;
      function moveWin()
      {  
        window.scroll(0,10000);
        setTimeout('moveWin();',1000);
      }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body onLoad="moveWin();"&gt;
&lt;!---- TEXT HERE ----&gt;
    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>


blocks|key|2927849|text|如果你想让页面在底部加载，而不显示滚动动画，为什么不在页面的最底部添加一个锚点标签，让你的链接直接指向它(例如，http://www.mysite.com/hello#bottom)？您的锚定标记可能如下所示：<a+name="bottom"+id="bottom"></a>|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2927850|如果您想知道为什么我在本例中同时提供了name和id，那么从XHTML1.0开始，<a>元素就不再推荐使用name。在您正在使用的(X)+name标准完全不再支持HTML之前，在链接到同一页面的某个部分的锚点上同时使用name和id可能是最安全的。在W3C's+XHTML+1+spec中记录了这一点。|2927851|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/xhtml1/#C_8^0|1K|Y|2X|X|0|J|4|O|2|15|3|1H|4|1X|4|31|4|36|2|3H|I|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|H|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

<p>If you want the page to load at the bottom and not show the scrolling animation, why not add an anchor tag to the very bottom of the page and have your link go straight to it (e.g., <code>http://www.mysite.com/hello#bottom</code>)?  Your anchor tag could look like this: <code>&lt;a name="bottom" id="bottom"&gt;&lt;/a&gt;</code></p>

<p>If you are wondering why I provided both <code>name</code> and <code>id</code> in this example, <code>name</code> is deprecated on <code>&lt;a&gt;</code> elements as of XHTML 1.0.  Until <code>name</code> is absolutely no longer supported by the (X)HTML standard you are using, it may be safest to use both <code>name</code> and <code>id</code> on anchors linking to a part of the same page.  This was noted in <a href="http://www.w3.org/TR/xhtml1/#C_8" rel="nofollow">W3C's XHTML 1 spec</a>.</p>


blocks|key|172039|text|下面是一个对我有效的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|172040|预期结果：|172041|172042|No+scroll+animation|unordered-list-item|172043|Loads+on+first+load|172044|Loads+on+all+refreshes|172045|+for+first+load+for+all+refreshes|172046|代码：|172047|<script>
++++function+scrollToBottom()+{
++++++++window.scrollTo(0,+document.body.scrollHeight);
++++}
++++history.scrollRestoration+=+"manual";
++++window.onload+=+scrollToBottom;
</script>|code-block|syntax|javascript|172048|为什么这可能比其他方法更有效：|172049|Chrome等浏览器有一个内置的预设，可以在刷新后记住您在页面上的位置。只使用window.onload是行不通的，因为在您调用如下线路后，浏览器会自动将您滚动回刷新前的位置：|offset|length|style|CODE|172050|window.scrollTo(0,+document.body.scrollHeight);|172051|这就是为什么我们需要添加：|172052|history.scrollRestoration+=+"manual";|172053|在window.onload之前先禁用该内置功能。|172054|参考文献：|172055|用于window.onload的|172056|文档:用于window.scrollTo的https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload文档:用于history.scrollRestoration的https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo文档：https://developer.mozilla.org/en-US/docs/Web/API/History/scrollRestoration|blockquote|172057|172058|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload|1|https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo|2|https://developer.mozilla.org/en-US/docs/Web/API/History/scrollRestoration^0|0|0|0|0|0|0|0|0|0|0|13|D|0|0|0|0|1|D|0|0|2|D|0|5|F|2T|P|L|23|0|3J|1S|1|5E|22|2|0|0^^$0|@$1|2|3|4|5|6|7|1U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1V|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|1W|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|1X|8|@]|9|@]|A|$]]|$1|H|3|I|5|G|7|1Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|G|7|1Z|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|20|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|21|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|22|8|@]|9|@]|A|$S|T]]|$1|U|3|V|5|6|7|23|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|24|8|@$Y|25|Z|26|10|11]]|9|@]|A|$]]|$1|12|3|13|5|R|7|27|8|@]|9|@]|A|$S|T]]|$1|14|3|15|5|6|7|28|8|@]|9|@]|A|$]]|$1|16|3|17|5|R|7|29|8|@]|9|@]|A|$S|T]]|$1|18|3|19|5|6|7|2A|8|@$Y|2B|Z|2C|10|11]]|9|@]|A|$]]|$1|1A|3|1B|5|6|7|2D|8|@]|9|@]|A|$]]|$1|1C|3|1D|5|6|7|2E|8|@$Y|2F|Z|2G|10|11]]|9|@]|A|$]]|$1|1E|3|1F|5|1G|7|2H|8|@$Y|2I|Z|2J|10|11]|$Y|2K|Z|2L|10|11]]|9|@$Y|2M|Z|2N|1|2O]|$Y|2P|Z|2Q|1|2R]|$Y|2S|Z|2T|1|2U]]|A|$]]|$1|1H|3|-4|5|6|7|2V|8|@]|9|@]|A|$]]|$1|1I|3|-4|5|6|7|2W|8|@]|9|@]|A|$]]]|1J|$1K|$5|1L|1M|1N|A|$1O|1P]]|1Q|$5|1L|1M|1N|A|$1O|1R]]|1S|$5|1L|1M|1N|A|$1O|1T]]]]

<h2>Here is a method that worked for me:</h2>
<h3>Expected outcome:</h3>
<ul>
<li>No scroll animation</li>
<li>Loads at bottom of page on first load</li>
<li>Loads on bottom of page for all refreshes</li>
</ul>
<h3>Code:</h3>
<pre class="lang-html prettyprint-override"><code>&lt;script&gt;
    function scrollToBottom() {
        window.scrollTo(0, document.body.scrollHeight);
    }
    history.scrollRestoration = &quot;manual&quot;;
    window.onload = scrollToBottom;
&lt;/script&gt;
</code></pre>
<h3>Why this may work over other methods:</h3>
<p>Browsers such as Chrome have a built-in preset to remember where you were on the page, after refreshing. Just a <code>window.onload</code> doesn't work because your browser will automatically scroll you back to where you were before refreshing, AFTER you call a line such as:</p>
<pre class="lang-js prettyprint-override"><code>window.scrollTo(0, document.body.scrollHeight);
</code></pre>
<p>That's why we need to add:</p>
<pre class="lang-js prettyprint-override"><code>history.scrollRestoration = &quot;manual&quot;;
</code></pre>
<p>before the <code>window.onload</code> to disable that built-in feature first.</p>
<h3>References:</h3>
<blockquote>
<p>Documentation for <code>window.onload</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload</a></p>
</blockquote>
<blockquote>
<p>Documentation for <code>window.scrollTo</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo</a></p>
</blockquote>
<blockquote>
<p>Documentation for <code>history.scrollRestoration</code>: <a href="https://developer.mozilla.org/en-US/docs/Web/API/History/scrollRestoration" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/History/scrollRestoration</a></p>
</blockquote>


blocks|key|5041981|text|使用jquery你可以做到这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5041982|$("html,+body").animate({+scrollTop:+$(document).height()+},+"slow");|code-block|syntax|javascript|5041983|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Using jquery you could do this:</p>

<pre><code>$("html, body").animate({ scrollTop: $(document).height() }, "slow");
</code></pre>


<p>I need an HTML page to automatically scroll down when the page loads. So basically loads at the bottom. 
Can JavaScipt be used?</p>

<p>Please can you help me or lead my in the right direction.</p>

<p>All help is appreciated.
thanks</p>


Html page load at the bottom

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我需要一个HTML页面，以自动向下滚动时，页面加载。所以基本上是在底部加载。可以使用JavaScipt吗？请你能帮助我或引导我走上正确的方向。感谢所有的帮助。谢谢

问Html页面在底部加载
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Html页面在底部加载EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Html页面在底部加载
EN