-2

我已经将滚动条从页面的标题区域中移除,它看起来不错,除了在移动设备上(至少是 iPhone,我不了解 Android),滚动条完全消失了。我该如何取回它?

我的小提琴

4

2 回答 2

1

你可以尝试不同的方法。使整个页面像正常滚动(否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 网站

于 2012-09-29T04:29:52.317 回答
-1

在移动设备上,滚动条通常是不可见的,直到您开始滚动(在屏幕上拖动手指)。即使那样,它们也只是一个细小的指示器,告诉您您在页面上的位置,您实际上无法触摸它来移动(仅在某些应用程序/浏览器中)。

原因是手机很窄。您不希望滚动条占用屏幕宽度的 5-10% 来浪费空间。

于 2012-09-29T01:10:40.377 回答