在ios上显示水平滚动条

时间:2017-11-28 16:31:15

标签: ios css scroll safari scrollbar

我想在ios设备上随时显示滚动条。下面使用这个css垂直但不是横向工作,任何人都知道如何?

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #d6d6d6;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    display: block;
}

::-webkit-scrollbar-track {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
} 

2 个答案:

答案 0 :(得分:2)

只需要将高度添加到::-webkit-scrollbar

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}

答案 1 :(得分:1)

确保没有设置溢出滚动设置。

-webkit-overflow-scrolling: auto;

据我所知,你不能有动量滚动和风格滚动条