开发一个iPad网站我试图使用CSS属性overflow: auto来获取滚动条,如果需要的话div,但我的设备即使双指滚动工作也拒绝显示它们.
我试过了
overflow: auto;
和
overflow: scroll;
结果是一样的.
我只是在iPad上测试(在桌面浏览器上工作得很好).
有任何想法吗？
Firefox 24引入了Lion滚动条支持.这将在Mac OS X上显示Lion风格的滚动条.请参阅:https://wiki.mozilla.org/Lion_Scrollbars/Triage
这对我来说是个问题:默认情况下,div上的滚动条现在是隐藏的.有时我想强制显示滚动条.
对于WebKit,有一个很好的解决方案(在https://davidwalsh.name/osx-overflow中提到):
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
有人知道如何在Mac OS X上强制在Firefox 24(及以上)中显示可见的滚动条吗？
是否有与webkit滚动条匹配的插件javascript滚动条？
我正在生成本页左侧的组织列表:http://www.ihhub.org/member-map/
此列表是通过附加<span>链接到相应地图的标记生成的.
我的问题是 - 滚动条没有出现在CHROME中,但确实出现在Firefox和Safari中.
有解决方案吗
更新:
此问题似乎与MAC OS隔离.
解:
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
我编写的jQuery时间选择器插件使用div作为时间列表的包含块,而在Mobile Safari上没有滚动条表示可用时间多于可见时间.我知道用两个手指到div(在iPad上至少)内滚动,但是,只有当用户知道,有更多的内容,以滚动的作品来,而且也没有迹象表明存在.所以,我的问题是:有没有人能够在Mobile Safari中显示滚动条？你过得怎么样？
我有一个可滚动的div.在OS X中,滚动条会自动隐藏自己,这比总是可见的滚动条更漂亮,但有时会让我的用户感到困惑.对此问题的一般回应是使用::-webkit-scrollbar:
如何防止WebKit/Blink中的OS X触控板用户隐藏滚动条？
http://blog.0100.tv/2012/11/webkit-scrollbars-on-os-x/
这些解决方案的问题在于它们也会影响Windows上的Chrome用户,并且我希望让Windows上的Chrome用户具有与他们习惯相同的滚动体验.
有没有办法阻止滚动条隐藏在OS X而不改变任何滚动条样式,或者添加一些东西到我的CSS,这只会影响Mac用户？
谢谢!
我在移动Safari中出现滚动条时遇到问题,因为当存在可滚动内容时溢出:auto不起作用.我找到了这个css属性:
-webkit-overflow-scrolling:touch
正如一些人所说这是一个修复移动safari隐藏滚动条但它不适合我.任何人都有任何建议,我可以如何强制在移动safari中有一个滚动条,以给用户一个他们应该滚动的视觉？