Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/excel/26.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
Javascript 如何强制在ipad中显示滚动条?(移动狩猎)_Javascript_Css_Ipad_Mobile Safari - Fatal编程技术网

Javascript 如何强制在ipad中显示滚动条?(移动狩猎)

Javascript 如何强制在ipad中显示滚动条?(移动狩猎),javascript,css,ipad,mobile-safari,Javascript,Css,Ipad,Mobile Safari,我很难在mobile safari中显示滚动条,因为overflow:auto在有可滚动内容时不起作用。我发现这个css属性: -webkit溢出滚动:触摸 正如一些人建议的那样,这是一个修复移动safari隐藏滚动条的方法,但它对我不起作用。有没有人对我如何在mobile safari中强制设置滚动条以向用户提供他们应该滚动的视觉效果有什么建议?在CSS中包括: ::-webkit-scrollbar { -webkit-appearance: none; width: 7px

我很难在mobile safari中显示滚动条,因为overflow:auto在有可滚动内容时不起作用。我发现这个css属性:

-webkit溢出滚动:触摸

正如一些人建议的那样,这是一个修复移动safari隐藏滚动条的方法,但它对我不起作用。有没有人对我如何在mobile safari中强制设置滚动条以向用户提供他们应该滚动的视觉效果有什么建议?

在CSS中包括:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
    -webkit-overflow-scrolling: auto;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
根据需要自定义外观


我相信
iOS
滚动条在不使用时会淡入背景。我不相信你能强迫那些小酒吧展示-
webkit溢出滚动
只是强制滚动,不一定显示我相信的滚动条。正如我所说,我相信这些条在不使用时会逐渐变为不可见。即使是iScroll演示版:也不会一直显示它们,只有在使用时才会显示,而且iScroll是强制滚动选项的一个总括。我要说,这是办不到的。谢谢!这确实有效,但如果您还选择使用
-webkit overflow scrolling:touch启用惯性滚动
然后这将覆盖滚动条的外观(并使其不典型地出现)@无需更新答案。如果您有
-webkit溢出滚动:touchCSS中的某个地方。解决方案是删除所有出现的-
webkit溢出滚动:touch或放置
-webkit溢出滚动:自动