要链接滚动到顶部按钮的内部滚动条而不是外部主要的滚动条,可以通过以下步骤实现:
<body>
或者<html>
元素。scrollTop
属性获取当前滚动条的位置。scrollTo()
方法将滚动条滚动到顶部,设置滚动位置为0。以下是一个示例代码:
<button id="scrollToTopButton">滚动到顶部</button>
<script>
const scrollToTopButton = document.getElementById('scrollToTopButton');
scrollToTopButton.addEventListener('click', function() {
const mainScrollElement = document.documentElement || document.body;
const currentPosition = mainScrollElement.scrollTop;
mainScrollElement.scrollTo({
top: 0,
behavior: 'smooth' // 可选,平滑滚动到顶部
});
});
</script>
这样,当用户点击滚动到顶部按钮时,页面会平滑滚动到顶部,而不是外部主要的滚动条滚动。
云+社区开发者大会(杭州站)
云+社区技术沙龙[第22期]
云+社区技术沙龙[第15期]
serverless days
云+社区开发者大会 武汉站
云+未来峰会
云+社区技术沙龙[第21期]
云+社区技术沙龙[第20期]
领取专属 10元无门槛券
手把手带您无忧上云