popOver组件 和 手机的弹出键盘 问题

吉乐

$UI/system/components/justep/popOver/popOver 组件，显示在底部，popOver 组件中存在input输入框，点击输入框会 弹出手机键盘 ，当popOver 的内容多时，弹出的手机键盘 会将 popOver 组件顶的超出屏幕。如何控制popOver 显示范围  一定不超过手机的屏幕。

liangyongfei

默认就不会超出吧！本地测试没问题！你可以把资源发来！本地重现看下！

吉乐

liangyongfei 发表于 2016-9-5 17:13
默认就不会超出吧！本地测试没问题！你可以把资源发来！本地重现看下！

弹出前 后的对比图 。键盘弹出后 明显被顶的超出屏幕。

可以看看附件

cgrddv

吉乐 发表于 2016-9-6 11:55
弹出前 后的对比图 。键盘弹出后 明显被顶的超出屏幕。

可以看看附件

这顶上去效果不是对着吗我感觉，如果不顶上去，里面的内容要堆在一起？

吉乐

cgrddv 发表于 2016-9-6 17:47
这顶上去效果不是对着吗我感觉，如果不顶上去，里面的内容要堆在一起？ ...

我想做成这个效果  弹出的键盘  不会将其顶端超出屏幕

吉乐

cgrddv 发表于 2016-9-6 17:47
这顶上去效果不是对着吗我感觉，如果不顶上去，里面的内容要堆在一起？ ...

谢谢  可以帮我看看吗？

cgrddv

吉乐 发表于 2016-9-7 10:55
谢谢  可以帮我看看吗？

那你这样试一试，可以在获取焦点以后让这个框的外层div标称fixed定位，然后top变为0？

吉乐

cgrddv 发表于 2016-9-7 11:05
那你这样试一试，可以在获取焦点以后让这个框的外层div标称fixed定位，然后top变为0？ ...

谢谢回复，已经可以解决了 可以结贴了
当输入框未获取焦点时  x-popOver-content 的css   bottom: 0!important;
当输入框获取焦点时  x-popOver-content 的css   top: 0!important;