css 3的新功能-使用-webkit-scrollbar,但这种方式与火狐和IE不兼容
部分隐藏滚动条#box {
width: 500px;
height: 300px;
overflow-x: hidden;
overflow-y: scroll;
line-height: 30px;
文本照明3360中心;
}
# box :3360-WebKit-scroll bar {
显示: none;
}
你好你好
你好你好
你好你好
你好你好
你好你好
你好你好
你好你好
利用内外层嵌套、模拟和与所有浏览器的兼容性,无法在滚动条上声明样式,虽然方法比较麻烦
滚动条的一部分#box {
/*母容器设置宽度,超出部分不显示*
width: 500px;
height: 300px;
overflow :隐藏;
}
#box div {
/*子容器比母容器的宽度多17 px,检测到为滚动条的默认宽度*/
width: 517px;
height: 300px;
line-height: 30px;
文本照明3360中心;
overflow-y: scroll;
}
你好你好
你好你好
你好你好
你好你好
你好你好
你好你好
你好你好