iphone - iPhone中的CSS3自定义滚动问题

我为webkit浏览器定制了滚动条。
以下是它的代码。

#defaultScroll p {
    width: 600px
}
#defaultScroll {
    height: 400px;
    width: 300px;
    overflow-x: scroll;
    position: relative;
}
#defaultScroll::-webkit-scrollbar-button {
    background: blue;
}
#defaultScroll::-webkit-scrollbar {
    width: 12px;
}
#defaultScroll::-webkit-scrollbar-track {
    background-color: #ffff00;
    border: 1px solid red;
}
#defaultScroll::-webkit-scrollbar-thumb {
    background-color: red;
    border-radius: 5px;
}
#defaultScroll::-webkit-scrollbar-thumb:hover {
    background-color: green;
}

这是它的demo。

在所有浏览器中都可以正常工作，但是仅在iphone overflow-x中不可见。

最佳答案

刚刚为height: 12px添加了#defaultScroll::-webkit-scrollbar

#defaultScroll::-webkit-scrollbar {
    width: 12px;
    height: 12px
   }

一切都很好。

我知道我们需要为水平滚动条定义高度。