elementui的backtop失效

网页出现滚动条

加入下面代码后,成功把全局不需要的滚动条隐藏,但是elementui的backtop却失效了

html, body {
  overflow: auto;
}
不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

有些情况下,禁用全局的滚动条可能会影响某些功能,如果backtop却失效了,或许是因为你对全局的滚动条进行了禁用,而这一操作影响了backtop的正常使用。

如果要解决这个问题,你可以使用以下两种方法:

为某个特定的区域设置滚动条
使用JavaScript控制滚动条的隐藏和显示
请参考代码以获得更具体的帮助:

// 为某个特定的区域设置滚动条
.element-ui-backtop-wrap {
  overflow: auto;
}

// 使用JavaScript控制滚动条的隐藏和显示
document.body.style.overflow = 'hidden';
// 需要显示滚动条时
document.body.style.overflow = 'auto';