以下是一个示例代码,展示如何创建一个按钮,并在点击按钮时返回到页面底部。
HTML代码:
JavaScript代码:
function scrollToBottom() {
window.scrollTo(0, document.body.scrollHeight);
}
当点击按钮时,scrollToBottom
函数会被调用。在该函数中,window.scrollTo
方法用于将页面滚动到指定位置。这里使用0
作为水平位置,而document.body.scrollHeight
表示页面的垂直滚动高度,即页面底部。
这样,当用户点击按钮时,页面将自动滚动到底部位置。