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

概述

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

最后

以上就是害怕柚子为你收集整理的前端如何隐藏暴露出来的滚动条的全部内容,希望文章能够帮你解决前端如何隐藏暴露出来的滚动条所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部