首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使绝对div的内容可滚动

使绝对div的内容可滚动
EN

Stack Overflow用户
提问于 2017-12-14 21:57:29
回答 1查看 48关注 0票数 0

嗨,我有一个科尔多瓦应用程序,我需要建立一个聊天。

http://jsfiddle.net/jGLvk/1355/

我将div的绝对位置设置为当手机上的键盘出现时,所有内容也会向上移动。

所以,当我这样做的时候,内容不会显示滚动。我该如何解决这个问题?

代码语言:javascript
运行
复制
<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;">

请注意这一行,所有新消息都将插入其中。

谢谢。

EN

回答 1

Stack Overflow用户

发布于 2017-12-15 02:31:15

我能够通过重写内联样式来解决这个问题。不确定你是否应该使用它(实际上我确定你不应该使用它)

代码语言:javascript
运行
复制
.messages-auto-layout {
  position: static !important;
}

我不确定这是否有帮助,因为这些样式很可能是通过JS应用的,所以一定有一种更智能的方法来解决它。也许剥离所有JS样式,只使用css?我从来没有使用Cordova构建过应用程序,所以我可能在这里遗漏了一些上下文。

这是链接--> http://jsfiddle.net/9rsgdrw5/1/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47815104

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档