解决 overflow 属性从 auto 切换为 hidden 滚动条未返回至最上方的问题
发布于 2 年前 作者 yiyang 2296 次浏览 来自 分享

在进行 overflow 属性从 auto 切换为 hidden 的时候,有时候滚动条会保留在页面上,并且没有返回至最上方,这会给用户造成不便。以下是解决这个问题的步骤:


1. 在 overflow 属性从 auto 切换为 hidden 的时候,添加以下代码:

const element = document.getElementById("myElement");
// React 可使用Ref
element.scrollTop = 0;


2. 如果滚动条仍然保留在页面上,可以使用以下代码:

const element = document.getElementById("myElement");
element.style.overflow = "visible";
element.offsetHeight; 
element.style.overflow = "hidden";
element.scrollTop = 0;


这会强制重新渲染元素,并将滚动条返回至最上方。

通过以上步骤,可以解决 overflow 属性从 auto 切换为 hidden 滚动条未返回至最上方的问题。









回到顶部