Question

此代码非常适合样式化滚动条：

.frame::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: #000;
}
.frame::-webkit-scrollbar:horizontal {
    height: 6px;
}
.frame::-webkit-scrollbar-thumb {
    background-color: #000;
}
.frame::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #333;
}

但每次我想启用触控功能（为了放松移动滚动），所有滚动条都会消失

.frame {
    -webkit-overflow-scrolling: touch;
}

将滚动条保留在iOS或手机中的任何解决方案？

Answer 1

您可以使用css for webkit browser自定义样式滚动条或启用

    -webkit-overflow-scrolling: touch;

他们两人在最近的狩猎活动中并没有合作。如果你把两者都只触摸就行了。在Iphone 5和6中测试

-webkit-overflow-scrolling：touch在iOS中打破了我的-webkit-scrollbar css

1 个答案: