phonegp應用程序中的android瀏覽器滾動問題

Question

在我的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設備中使用。

在此先感謝您的解決方案。

Answer 1

您可以使用iScroll或NiceScroll js插件來平滑滾動內容。

http://cubiq.org/iscroll-4

http://areaaperta.com/nicescroll/

Answer 2

嗨，您可以在CSS中使用“ 溢出滾動”選項，但Android 3.0及更高版本支持“ overflow：scroll”， <3.0不支持 。 為此，您可以使用iscroll http://cubiq.org/iscroll-4或任何其他插件。

Answer 3

首先，如果要使用html制作應用程序，則必須設置一個可觸摸的滾動條。 他們是市場上可用的各種插件。 因此，您可以使用其中任何一個。

但是有一些Android不支持的滾動條。 您必須為此選擇正確的一個。 我給您一個鏈接，您可以在其中找到滾動條。 我用過了 它將像魅力一樣工作。

http://areaaperta.com/nicescroll/

Answer 4

您可以嘗試將樣式屬性用於<div>

溢出和溢出-對我來說，它的工作正常。

<div style='height: 190px; overflow: auto; overflow-y: scroll !important;'>