在制作網頁時，經常會遇到頁面長度很長的情況，這時，回到頁面頂部是必不可少的功能，那么在 CSS 中如何實現這個功能呢？ 我們可以使用 CSS 屬性 position: fixed; 來定位“回到頂部”按鈕，再使用 JavaScript 來觸發它的作用。以下是一個簡單的示例： HTML 代碼： ```html回到頂部``` CSS 代碼： ```css .back-to-top { position: fixed; bottom: 20px; right: 20px; display: none; /* 初始隱藏 */ } ``` JavaScript 代碼： ```javascript var backToTop = document.querySelector('.back-to-top'); backToTop.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }); window.addEventListener('scroll', function() { if (window.pageYOffset >1000) { /* 當頁面已滾動一定距離時顯示 */ backToTop.style.display = 'block'; } else { backToTop.style.display = 'none'; } }); ``` 使用上述代碼，我們就可以在頁面上添加一個“回到頂部”按鈕了。當頁面滾動了一定距離后，按鈕才會顯示出來，點擊按鈕后，頁面會平滑地滾動回到頂部。在實際開發中，我們可以根據自己的需求來調整按鈕的樣式和顯示條件，從而實現更加優美和智能的效果。