我已经将滚动条从页面的标题区域中移除,它看起来不错,除了在移动设备上(至少是 iPhone,我不了解 Android),滚动条完全消失了。我该如何取回它?
2 回答
你可以尝试不同的方法。使整个页面像正常滚动(否overflow-y
)并通过将标题固定到顶部position:fixed;
(我认为这就是您想要的?)
这是您的小提琴的编辑版本:http: //jsfiddle.net/TnKNe/
如果这不起作用,您可以试试这个 jQuery 自定义内容滚动器,它可以让您完全控制元素的滚动。它说它也有移动支持,但我以前从未使用过它,所以里程可能会有所不同。
注意: position:fixed;
在 Android 中不支持或根本不支持。iOS4 及更早版本将其视为position:static;
. iOS5 和最新的 Android 都支持它:http: //caniuse.com/css-fixed
更新:
我发现这个关于 ios5 内容滚动的教程看起来很适合你!他们用来获取中间可滚动区域的固定标题的技术显然仅适用于 ios5 和更新版本。他们有另一个教程用一个名为 iScroll 的插件做同样的事情,它看起来更健壮并且也适用于 Android。看起来这正是你想要的。这是iScroll 网站。
在移动设备上,滚动条通常是不可见的,直到您开始滚动(在屏幕上拖动手指)。即使那样,它们也只是一个细小的指示器,告诉您您在页面上的位置,您实际上无法触摸它来移动(仅在某些应用程序/浏览器中)。
原因是手机很窄。您不希望滚动条占用屏幕宽度的 5-10% 来浪费空间。