如何創建一個完全像這樣作業的純 Javascript 函式？
$('html, body').animate({
scrollTop: y
}, 400);
這y是要達到的垂直位置的引數。在我現在作業的站點中，有一個水平導航，在滾動時固定在頂部，當滾動到映射部分時自動聚焦相應的選單項。此外，單擊選單項時，正文容器應自動滾動到該部分。我可以輕松地使用 jQuery 影片來做到這一點，但客戶端不想再使用 jQuery。
我在這個網站上研究了很多問題和答案，window.requestAnimationFrame()或者 CSS 過渡效果。但我找不到完美的解決方案。
謝謝。
uj5u.com熱心網友回復：
您可以使用window.scrollTo()滾動到指定位置或window.scrollBy()滾動一些像素。這兩個函式不能平滑滾動，因為你需要一些 CSS：
html {
scroll-behavior: smooth;
}
uj5u.com熱心網友回復：
您可以使用window.scrollTo({top: 1000, behavior: "smooth" });
將檔案平滑滾動到指定坐標。
scrollTo()所有瀏覽器都支持。
uj5u.com熱心網友回復：
還有兩個問題可能對您有所幫助：
如何像這樣滾動頁面？
使用 Javascript/Jquery 滾動到頁面上的特定位置
我認為這些鏈接可能會對您有所幫助：
https://www.codespeedy.com/scroll-to-a-specific-position-in-javascript/
https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior
https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
.scrollTo
滾動行為
scrollIntoView() scrollIntoView(alignToTop) scrollIntoView(scrollIntoViewOptions)
你最好閱讀所有文章。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/515808.html
上一篇：使用htaccess縮短url