Question

在 android 的 Cordova 2.5.0 应用中，我创建了一个类似popup的灯箱，它是<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;

怎么做？是否有任何问题，手机屏幕与本机scrollview或其他东西冲突？据我所知，结论并非如此。问题在于定位。但我尝试了相对，固定和绝对位置的所有组合。

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

Answer 1

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

#wantToScroll的css

overflow: scroll;

Answer 2

我对Android也一无所知，但对我来说它看起来不错。

overflow: scroll;

HERE是我们如何以常规网站风格实现这一目标的方法。

Answer 3

overflow: scroll

在Android 2.3.x中无效，

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

请参阅iScroll库

Answer 4

哇！ Android 2.3.x版本中忽略 overflow:scroll/auto 。我在MediaWiki

看了这个

所以我尝试在Android 4.2上运行应用程序，探戈！它“滚动”。现在我遇到的唯一问题是，当我滚动特定的<div>时，滚动条会显示在整个页面上，而不会显示在该特定元素上。现在我将关注这个问题，如果在新的R＆amp; D之后未解决，我会在堆栈上发布。谢谢你们。 overflow:scroll在大多数情况下都很有用。

但主要问题仍然没有答案，为什么不是2.3.x？忽略这个版本的滚动背后的动机是什么？

如何在另一个div内滚动div？

4 个答案: