我可以让浏览器 window 从页面底部开始吗？

Question

通常，当页面加载时，浏览器 window 从 html 和 body 的顶部开始，像这样：

 ______________________________
| BROWSER WINDOW BROWSER WINDOW |
| BROWSER WINDOW BROWSER WINDOW |
| BROWSER WINDOW BROWSER WINDOW |
| BROWSER WINDOW BROWSER WINDOW |
| BROWSER WINDOW BROWSER WINDOW |
| BROWSER WINDOW BROWSER WINDOW |
 _______________________________
 ----- OUT-OF-VIEW CONTENT -----
 ----- OUT-OF-VIEW CONTENT -----
 ----- OUT-OF-VIEW CONTENT -----
 ----- OUT-OF-VIEW CONTENT -----
 ----- OUT-OF-VIEW CONTENT -----
 ----- BOTTOM OF CONTENT -------

CSS

html {
  height: 100%;
  max-height: auto;
  width: 100%;
}

body {
  height: 100%;
  min-width: 100%;
  position: relative;
}

然后您必须向下滚动才能看到其余内容。

有没有办法可以操纵 CSS 使浏览器 window 从底部开始？像这样：

 ----- TOP OF CONTENT ----------
 ----- OUT-OF-VIEW CONTENT -----
 ----- OUT-OF-VIEW CONTENT -----
 ----- OUT-OF-VIEW CONTENT -----
 ----- OUT-OF-VIEW CONTENT -----
 ----- OUT-OF-VIEW CONTENT -----
 ______________________________
| BROWSER WINDOW BROWSER WINDOW |
| BROWSER WINDOW BROWSER WINDOW |
| BROWSER WINDOW BROWSER WINDOW |
| BROWSER WINDOW BROWSER WINDOW |
| BROWSER WINDOW BROWSER WINDOW |
| BROWSER WINDOW BROWSER WINDOW |
 _______________________________

Answer 1

像这样：

function scrollBottom() {window.scrollTo(0, 99999);}
if (document.addEventListener) document.addEventListener("DOMContentLoaded", scrollBottom, false)
else if (window.attachEvent) window.attachEvent("onload", scrollBottom);

content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>
content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>
content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>
content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>
content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>content<BR>

Answer 2

出于某种原因，m69 的答案对我不起作用。以下是。

function toBottom()
{
    window.scrollTo(0, document.body.scrollHeight);
}
window.onload=toBottom;

我可以让浏览器 window 从页面底部开始吗？

Can I make the browser window start at the bottom of the page?

html

css

position

screen

viewport