开发一个iPad网站我试图使用CSS属性overflow: auto来获取滚动条,如果需要的话div,但我的设备即使双指滚动工作也拒绝显示它们.
我试过了
overflow: auto;
和
overflow: scroll;
结果是一样的.
我只是在iPad上测试(在桌面浏览器上工作得很好).
有任何想法吗？
使用可滚动的div
.scrollable-div{
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
Android设备上的DEMO刷卡滚动平滑甚至加速和减速.
在iPhone上使用相同的代码,滚动很僵硬.当用户释放触摸时,滚动立即停止.
如何使iPhone像滚动浏览器一样对待具有平滑加速/减速原生样式滚动的Android浏览器？
我有很多溢出的div用于在小空间中显示大量内容(如长列表等).赋予div的CSS规则overflow: auto;总是像魅力一样,给用户滚动条以指示更多内容可用.
这有点被抛出Mac OS X Lion窗口,默认情况下隐藏滚动条,除非你正在主动滚动.我在计算机上处理应用程序时喜欢它,因为我认为有非常强大的视觉线索可以滚动查看更多内容.在网页元素上,它不太清楚,我担心我的用户不会知道有更多内容可用(例如:在输入新问题时,StackOverflow的"具有相似标题的问题"就是一个很好的例子).
这是一个合理的问题,或者Lion用户是否知道如果某些内容似乎被切断,则表明滚动可能是可用的？是否有任何变通方法,比如强制在Lion上运行的浏览器呈现滚动条,如果它是页面上的元素(而不是页面本身)？
基本上我需要知道y轴距离屏幕左上角有多少像素,直到我到达实际的Web窗口.有没有人有任何想法......？
我有个问题.
基本上,我有3个div,一个主容器和两个div,它们将是主容器宽度的一半,如下所示:
<div id="main">
<div id="col1"></div>
<div id="cold2"></div>
</div>
#col1 {
overflow-y: auto;
width: 48%
}
#main {
width: 100%
}
#col2 {
width: 48%
}
似乎问题在于,每次我向Col1动态添加内容,并且我期待滚动条时,chrome会创建它,但会隐藏它.所以我必须去元素并开始滚动滚轮才能看到它.有没有办法超越它？
我有一个可滚动的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用户？
谢谢!