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

这样的事情：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

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

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

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

2 个答案: