0

在我的Cordova 2.5.0 android应用程序中，我创建了一个类似于弹出窗口的灯箱，它是一个<div>. 现在我想滚动内部 div，这是我做不到的。它具有以下结构

___________#lightbox_____________
|                               |
|     _______#header_________   |
|     |                     |   |
|     _______________________   |
|                               |
|     _____#wantToScroll_____   |
|     |                     |   |
|     |                     |   |
|     |                     |   |
|     |                     |   |
|     |  but doesn't        |   |
|     |                     |   |   
|     _______________________   |

#lightbox 的 CSS

width:100%;
height:100%;
overflow:hidden;
float:left;
position:absolute;
top:0;
left:0;
display:none;
background:rgba(0,0,0,.7);

#header 的 CSS

text-align:center;

#wantToScroll 的 CSS

  font-size:large;
    color:black;
    padding:1% 3%;
    line-height:1.5 em;
    max-height:70%;
    position:relative;
    overflow:auto;
    -webkit-overflow-scrolling: touch;

这个怎么做？是否存在phonegap与本机滚动视图或其他内容冲突的问题？就我得出的结论而言，事实并非如此。问题在于定位。但我尝试了相对、固定和绝对位置的所有组合。

请不要建议使用任何类型的外部插件，如 sencha 或 iscroll。我认为必须有一个没有这些的解决方案。

4

4 回答 4

1 
overflow: scroll

在 Android 2.3.x 中不起作用，

您需要通过监听拖动事件来自己构建滚动。

查看iScroll库

于 2013-06-11T08:18:26.703 回答
1

我不熟悉android，但它不应该是：

#wantToScroll 的 CSS

overflow: scroll;
于 2013-05-31T14:49:22.357 回答
1

我对 android 也一无所知，但对我来说它看起来像是不错的 ol CSS。

overflow: scroll;

这里是我们如何以常规网站样式进行操作的 jsfiddle。

于 2013-05-31T18:56:35.163 回答
0

哇！overflow:scroll/auto在 Android 2.3.x 版本中被忽略。我在MediaWiki上读到了这个

所以我尝试在 Android 4.2 上运行该应用程序，并且，探戈！它“确实”在其中滚动。现在我看到的唯一问题是，当我滚动特定<div>的 时，滚动条出现在整个页面上，而不是那个特定的元素上。现在我会处理这个问题，如果在新的研发后仍未解决，我会在堆栈上发布。谢谢你们。overflow:scroll在大多数情况下很有用。

但主要问题仍未得到解答，为什么不是 2.3.x？忽略这个版本的卷轴的动机是什么？

于 2013-06-01T06:26:52.180 回答