我在iPod/iPhone/iPad上使用webkit滚动条时遇到了问题——用户无法向下滚动。滚动条只是看起来像一条浮动的线,页面在中途就会被截断。(在Chrome和Safari中工作正常。)是否有办法保留滚动条,但在苹果产品上不自定义它呢?
这是我的网站,这是我的滚动条代码:http://epicjamess.tumblr.com/。
这是我的网站,这是我的滚动条代码:http://epicjamess.tumblr.com/。
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
display: block;
height: 10px;
}
::-webkit-scrollbar-button:vertical:increment {
background-color: #fff;
}
::-webkit-scrollbar-track-piece {
background-color: #eee;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #ccc;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color: #ccc;
-webkit-border-radius: 3px;
}
html {
overflow: auto;
background-color: #FAFAFA;
-webkit-font-smoothing: antialiased;
}
body {
background: #FAFAFA;
font-family: arial, serif;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 10px;
overflow-y: scroll;
overflow-x: hidden;
color: #999;
}