方法1 :
纯CSS div样式是隐藏的。
在需要滚动的元素之外再设置一个div，将最外面的div设置为样式overflow:hidden，宽度小于需要滚动的元素
然后，滚动的元素具有样式overflow-x :隐藏； overflow-y:scroll；
syle type=' text/CSS ' * { margin :0； 垫：0； }.box{ width: 100px； height: 300px； overflow :隐藏； border:1px solid #000； 边距：50 px自动； }ul { height: 100%； width: 120px； overflow-x: hidden； overflow-y: scroll； }ul li{ list-style: none； width: 100px； height:60px； line-height: 60px； 文本照明3360中心； border:1px solid #ccc； 边距-顶部：-1px； }/styledivclass=' box ' ulli 1111/Li Li 1111/Li Li 1111/Li Li 1111/Li Li 1111/Li Li 1111/Li/ul/Li
效果：前后
方法2
要滚动的元素包括伪选择器：3360-WebKit-scroll bar { width :0； (，
如果将宽度设置为0，则将隐藏滚动条。
PS :
您可以设置滚动条的样式以使其美观。
/*滚动条宽度长，有滚动条整体的部分，其中的属性有width、height、background、border等。 */
:-webkit-scrollbar{
width: 7px；
}
/*滚动条的滑轨的背景色可以在display:none中隐藏，也可以添加背景图像，用颜色改变显示效果。 */
:3360-WebKit-scroll bar-track {
background-color: #f5f5f5；
- WebKit-box-shadow : inset 003 px rgba (0，0，0.1 )；
border-radius:5px；
}
/*滑块颜色/
:3360-WebKit-scroll bar-thumb {
background-color : rgba (0，0，0，0.2 )；
border-radius: 5px；
}
/*滚动条两端的按钮。 可以用display:none隐藏，添加背景图像，用颜色改变显示效果。 */
:-WebKit-scroll bar-button {
background-color: #eee；
显示： none；
}
/*水平滚动条和垂直滚动条相交处尖角的颜色*
:3360-WebKit-scroll bar-corner {
background-color: black；
}
效果：