我是靠谱客的博主 害怕柚子,这篇文章主要介绍前端如何隐藏暴露出来的滚动条,现在分享给大家,希望可以做个参考。

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来实现隐藏滚动条的效果。

最后

以上就是害怕柚子最近收集整理的关于前端如何隐藏暴露出来的滚动条的全部内容,更多相关前端如何隐藏暴露出来内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(77)

评论列表共有 0 条评论

立即
投稿
返回
顶部