Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/103.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
-webkit溢出滚动:触摸会在iOS中中断my-webkit滚动条css_Ios_Css_Scroll_Webkit - Fatal编程技术网

-webkit溢出滚动:触摸会在iOS中中断my-webkit滚动条css

-webkit溢出滚动:触摸会在iOS中中断my-webkit滚动条css,ios,css,scroll,webkit,Ios,Css,Scroll,Webkit,此代码非常适合设置滚动条的样式: .frame::-webkit-scrollbar { -webkit-appearance: none; background-color: #000; } .frame::-webkit-scrollbar:horizontal { height: 6px; } .frame::-webkit-scrollbar-thumb { background-color: #000; } .frame::-webkit-scrollb

此代码非常适合设置滚动条的样式:

.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或手机中保留滚动条的解决方案?

您可以为webkit浏览器自定义滚动条样式,或者启用

    -webkit-overflow-scrolling: touch;
在最近的一次狩猎中,他们两人都不合作。如果你把两者都放进去,只有触摸才能起作用。在Iphone 5和Iphone 6中测试,让苹果知道它对你很重要。