Question

您好我有一个cordova应用程序，我需要建立一个聊天。

我把div放在绝对位置，当手机上的键盘出现时，所有内容也会移动到上面。

所以，当我这样做时，内容不显示滚动。我该如何解决这个问题？

<div class="page-content messages-content" style="position:absolute; width:100%; bottom:48px; top:auto;">
        <div class="messages" style="position:absolute; width:100%; bottom:10px; top:auto; overflow-y:auto;">

注意这一行，所有新消息都将在这一行插入。

感谢。

Answer 1

我能够通过重写内联样式来解决它。不确定你是否应该使用它（我确实你不应该这样做）

.messages-auto-layout {
  position: static !important;
}

我不确定这是否有用，因为这些样式很可能是通过JS应用的，因此必须有一种方法如何以更智能的方式解决它。也许剥离所有JS样式并只使用css？我从来没有使用Cordova构建应用程序，所以我可能会错过一些上下文。

这是链接 - ＆gt; http://jsfiddle.net/9rsgdrw5/1/

使绝对div的内容可滚动

1 个答案: