General beyond hiding:
//超出隐藏,没有滚动条,但是内容被切割
overflow:hidden;
With scrollbar:
//有滚动效果,但是自动生成滚动条
overflow: auto;
//水平方向
overflow-x: auto;
//垂直方向
overflow-y: auto;
To remove the scroll bar, use pseudo-class element: '-webkit-scrollbar'
//元素类名加上::-webkit-scrollbar
.list::-webkit-scrollbar {
display: none;
}
Realization effect: