隐藏滚动条

发布时间:2019-01-12 整理:脚本之家 作者:未知
脚本之家收集整理的这篇文章主要介绍了隐藏滚动条脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!
 1        #maxBox {
 2             /* 父容器设置宽度,并设置超出部分不显示  让子类容器把Y轴的滚动条部分超出父类的宽度即可*/
 3             width: 217px;
 4             height: 560px;
 5             overflow: hidden;
 6             /*border: #0080ff 1px solid;*/
 7         }
 8         #maxBox > div {
 9             /* 子容器比父容器的宽度根据 具体自己微调显示为实际数据 */
10             width: 237px;
11             height: 560px;
12             /*text-align: center;*/           /* 这里设置居中基本上没有用 除非是固定长度字符串*/
13             overflow-y: scroll;
14         }
1 <div id="maxBox">
2     <div class="ibox-content inner-container">
3         <div id="treeview5" class="test" style="width: 80%"></div>          // 我这里设置了 内容区的宽度,一般俩个div就可以了 但是我这里需要更多的样式 
4      </div>
5 </div>

隐藏前:

隐藏后效果:(实现滚动)

总结

以上是脚本之家为你收集整理的隐藏滚动条全部内容,希望文章能够帮你解决隐藏滚动条所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

标签: