《vue项目实操问题宝典》如何解决vue项目中不显示滚动条保留滚动效果
chorme、滚动条、不显示滚动条、可以滚动、简单方法(chorme浏览器)提供一个解决盒子高度超出父盒子,父盒子自动生成一条难看(可能有些同学觉得不丑,但是产品说他丑他就是丑)的滚动条的问题。
·
《vue项目 不显示滚动条保留滚动效果》
问题复现:
错误的给父盒子手动改设置高度后,由于子盒子内容高度超出父盒子,浏览器巴巴自动让父盒子产生一条漂亮的滚动条,但是产品说它丑不想要,还得保留滚动效果。还要怎么办?怎么办?怎么办?
问题解决:
有时候为了美观或者简化页面效果,我们需要将滚动条隐藏,但又不影响滚动效果该怎么做,
示例:.class为父盒子的选择器名称
.class::-webkit-scrollbar {
display: none;//去掉滚动条,不能滚动了;
width: 0;//可以滚动,且滚动条不显示;
}
更多推荐
已为社区贡献1条内容
所有评论(0)