设置和隐藏滚动条的方法

设置和隐藏滚动条的方法

这篇文章将描述如何设置和隐藏浏览器自带滚动条和vue设置隐藏滚动条

常见浏览器滚动条

让竖条没有：

让横条没有： 两个都去掉 框架页如果以上并不能解决，可以尝试以下方法：

    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;
}