1

在我的 phonegap 应用程序中,滚动在某些设备 (android) 中工作正常,但在某些设备中滚动内容不起作用。

我的页面的简单结构如下:

------------标题------------

- - - - - - 内容 - - - - - -

------------页脚-------------

示例代码:

<div id="header"> </div>

<div id="content"> 
This content does not scroll when overflow
</div>

<div id="footer"></div>


Header and footer is fixed size and position ( top and bottom).

当我尝试滚动内容区域时,它在某些 android 设备中不起作用。

提前感谢您的解决方案。

4

4 回答 4

2

嗨,您可以在 css 中使用溢出滚动 选项,但 Android 3.0 及更高版本支持溢出:滚动, < 3.0 不支持。为此,您可以使用 iscroll http://cubiq.org/iscroll-4或任何其他插件。

于 2013-08-26T06:45:26.943 回答
2

您可以使用 iScroll 或 NiceScroll js 插件来平滑滚动内容。

http://cubiq.org/iscroll-4

http://areaaperta.com/nicescroll/

于 2013-08-26T06:27:45.760 回答
1

首先,如果您使用 html 制作应用程序,那么您必须设置一个可触摸的滚动条。他们是市场上可用的各种插件。所以你可以使用它们中的任何一个。

但是有一些滚动条是 android 不支持的。你必须为它选择正确的一个。我给你一个链接,你可以在其中找到一个滚动条。我已经用过了。它会像魅力一样工作。

http://areaaperta.com/nicescroll/

于 2013-08-26T06:22:24.923 回答
0

您可以尝试使用样式属性<div>

溢出溢出-y ,对我来说它工作正常。

<div style='height: 190px; overflow: auto; overflow-y: scroll !important;'>
于 2013-12-09T15:11:03.910 回答