HTML:標記語言
CSS:樣式語言
JavaScript:指令碼語言
Web API:程式設計介面
所有 Web 技術
學習 Web 開發
發現我們的工具
更好地瞭解 MDN
此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 2020 年 1 月 起,所有主流瀏覽器均已支援。
Element 介面的 scrollTo() 方法可以在給定元素內滾動到指定的座標。
Element
scrollTo()
scrollTo(xCoord, yCoord) scrollTo(options)
xCoord
您希望顯示在左上角的元素的水平軸上的畫素值。
yCoord
您希望顯示在左上角的元素的垂直軸上的畫素值。
options
包含以下屬性的物件:
top
指定要滾動視窗或元素的 Y 軸上的畫素數。
left
指定要滾動視窗或元素的 X 軸上的畫素數。
behavior
確定滾動是即時發生的還是平滑動畫的。此選項是一個字串,必須是以下值之一
smooth
instant
auto
scroll-behavior
無(undefined)。
undefined
element.scrollTo(0, 1000);
使用 options
element.scrollTo({ top: 100, left: 100, behavior: "smooth", });
載入中…
Element.scrollTop
Element.scrollLeft
Window.scrollTo()