要链接滚动到顶部按钮的内部滚动条而不是外部主要的滚动条,可以通过以下步骤实现:
<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>
这样,当用户点击滚动到顶部按钮时,页面会平滑滚动到顶部,而不是外部主要的滚动条滚动。
领取专属 10元无门槛券
手把手带您无忧上云