html - 我可以让浏览器窗口从页面底部开始吗？

Question

通常，当页面加载时，浏览器窗口从 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 使浏览器窗口从底部开始？像这样:

 ----- 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>