可以通过以下CSS属性来实现垂直滚动和隐藏滚动条:
-
overflow-y: scroll;
:这个属性可以让一个元素在垂直方向上出现滚动条,即使内容不足以填满元素。 -
overflow-y: auto;
:这个属性可以让一个元素在垂直方向上只有在内容超过元素高度时才出现滚动条。 -
::-webkit-scrollbar { display: none; }
:这个属性可以隐藏webkit内核浏览器(如Chrome、Safari等)的滚动条。
.threedlist {
cursor: pointer;
width: 280px;
padding: 20px;
padding-top: 10px;
position: fixed;
height: 100vh; /* 定义父容器高度 */
overflow-y: scroll; //只有在内容超过元素高度时才出现滚动条。
overflow-y: auto; /* 只有在内容超过父容器高度时才出现滚动条 */
}
.threedlist::-webkit-scrollbar {
display: none; //隐藏滚动条。
}