概述
HTML部分:
<div id="rightBox11">
<div class="rightBoxContent">
XXXX内容
</div>
</div>
CSS部分:
#rightBox11{
position:absolute;
top:30px;
right:30px;
width:313px;
height:650px;
overflow: hidden;
background:url('~@/assets/plan/border.png');
.rightBoxContent{
margin-top:20px;
width:330px;
height:614px;
overflow-y:auto;
}
}
思路:给大盒子添加溢出隐藏,小盒子添加overflow-y并且设置宽高,使用margin-right:-xxpx来实现隐藏滚动条的效果。
最后
以上就是害怕柚子为你收集整理的前端如何隐藏暴露出来的滚动条的全部内容,希望文章能够帮你解决前端如何隐藏暴露出来的滚动条所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复