【前端】设置和隐藏滚动条的方法

时间：2024-03-18 08:52:39

 

常见浏览器滚动条

让竖条没有：

让横条没有： 两个都去掉 框架页如果以上并不能解决，可以尝试以下方法：
    html {overflow-y: hidden;}   隐藏竖滚动条
    html {overflow-x: hidden;}   隐藏横滚动条

滚动条有以下属性：
body{style=“overflow-y : auto;height”} body浏览器自带的默认值。
overflow-y : visible | auto | hidden | scroll
visible : 　不剪切内容也不添加滚动条。
auto : 　 在需要时剪切内容并添加滚动条。
hidden : 　 不显示超过对象高度的内容，这里不对这个属性作介绍，大家喜欢的话可以自己尝试。
scroll : 　 总是显示纵向滚动条。

vue设置隐藏滚动条

设置滚动条（很少用到）

overflow-x: scroll; 
white-space: nowrap;

 

隐藏滚动条（常用在App.vue中设置）
::-webkit-scrollbar {
  width: 0 !important;
}
::-webkit-scrollbar {
  width: 0 !important;
  height: 0;
}

 

本文章最初发布于https://blog.csdn.net/qq_44690237/article/details/100564853

相关文章