css实现在⼀定区域内垂直上下滚动及去除滚动条
简单写下样式：
<div class="subject-cont">
<div class="subject-block">
<div v-for='(item, index) in ["语⽂", "数学", "英语", "物理", "化学", "⽣物", "体育"]' :key="index">{{ item }}</div>
</div>
</div>
css样式：
.subject-block {
width: 100%;
height: 100%;
overflow-y: auto;
white-space: nowrap;
div {
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 15px;
color: #9f9fa0;
border-bottom: 0.5px solid #ddd;
}
div:last-child {
css设置表格滚动条
border-bottom: 0;
}
}
// 去除滚动条
.subject-block::-webkit-scrollbar {
width: 0px;
}
去除滚动条，可以使⽤::-webkit-scrollbar来实现
如果是实现左右滚动，在  ::-webkit-scrollbar ⾥改成height就可以啦
例1：左右滚动
在左右滚动的时候，配合⼩程序中scroll-view，可能会遇到上下不齐，如下图所⽰：
这个时候，只需在item盒⼦上添加上下对齐即可。vertical-align: top;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。