HTML 設置滾動絕對位置
在 HTML 中,我們可以使用 scrollIntoView() 方法將頁面滾動到絕對位置。
scrollIntoView() 方法接受一個參數,表示垂直滾動的位置。例如,如果我們要將頁面滾動到第四段,我們可以將參數設置為:
document.getElementsByTagName("p")[3].scrollIntoView();
其中,[3] 表示第四個段落,因為數組從 0 開始計算。
如果我們想要以動畫的方式來滾動,我們可以使用 scrollIntoView() 方法的可選參數 behavior,設置為 "smooth",就可以實現平滑過渡的效果:
document.getElementsByTagName("p")[3].scrollIntoView({behavior: "smooth"});
該方法同樣適用于其他 HTML 元素,如 div、section 等。
下面是一個示例代碼:
示例 第一個段落
第二個段落
第三個段落
第四個段落
第五個段落
第六個段落
第七個段落
第八個段落
第九個段落
第十個段落