如何使用 JavaScript 在不點擊頁面底部的情況下移動屏幕？

Question

我正在嘗試使用 JavaScript 創建一個網站。 我需要以這樣的方式對其進行編程，即當您打開網站時，您會直接到達頁面底部（無需單擊任何內容）。 這意味着，頁面會自動向下移動。 我怎樣才能完成這項工作？

Answer 1

使用window.scrollTo()函數

window.scrollTo(0,document.body.scrollHeight);

Answer 2

這是一個很好的答案： 如何自動向下滾動html頁面？

包括現場演示： http : //jsfiddle.net/ThinkingStiff/DG8yR/

腳本：

function top() {
    document.getElementById( 'top' ).scrollIntoView();    
};

function bottom() {
    document.getElementById( 'bottom' ).scrollIntoView();
    window.setTimeout( function () { top(); }, 2000 );
};

bottom();

HTML：

<div id="top">top</div>
<div id="bottom">bottom</div>

CSS：

#top {
    border: 1px solid black;
    height: 3000px;
}

#bottom {
    border: 1px solid red;
}

請享用 ：）

Answer 3

• 在您想要特定行為的組件或頁面上調用此函數。 此功能將滾動到頁面底部。 沒有平滑滾動的 css就不會有任何scrolling effect 。 我已經展示了如何為下面的滾動效果指定css ，以防您需要滾動行為。

   function scrollToPageBottom() { window.scrollTo(0, document.body.scrollHeight); }

• 如果您需要滾動行為：在這里，我指定根本身的滾動行為。 您可以根據您的要求定位特定容器

  *{ scroll-behavior: smooth; }

PS：這個問題已經發布了很多答案，但我分享這個是因為沒有人談論某些用戶可能需要的 css 滾動行為。 此答案特定於當打開或呈現頁面或組件時 OP 希望在沒有任何用戶操作的情況下滾動到頁面底部的問題，但如果用戶需要，還指定 CSS 以實現滾動行為。