IOS中弹出popover时盖住了panel-top

regmail_only

如下图，点击“评论”，弹出popover，结果盖住了顶部的标题栏，请问怎么解决？
用的是3.6版本。
        

----------------------
翻了很多帖子，试过以下方法，都不行：
1、替换：/WeX5_5531-mac/model/UI2/system/lib/base/modernizr-2.8.3.min.js  
2、加上js：
/*
                判断html标签是否有iosstatusbar,有测表示在苹果手机上运行，顶部需要留出20px，因此修改popover的top
                */
                var src=$("html").hasClass("iosstatusbar");
                if(src){
                        $(".x-popOver-overlay").css({"top":"108px"});
                }
3、参考如下方式：

jishuang

popOver具体怎么设置的？
淘宝中都用的是popOver没有这样的问题

regmail_only

jishuang 发表于 2017-1-11 11:36
popOver具体怎么设置的？
淘宝中都用的是popOver没有这样的问题

没有做特别的设置，


淘宝案例我下载了，但是提示“未受信任的企业级开发者……”，没法运行。

jishuang

从http://www.wex5.com/portfolio-items/wex5-taobao/下载
把dircetion设置为right-bottom,让它靠下显示

popOver就是整个覆盖的，如果是处理ios的状态栏显示问题，可以在popOver中放panel,在panel中布局

regmail_only

jishuang 发表于 2017-1-11 14:05
从http://www.wex5.com/portfolio-items/wex5-taobao/下载
把dircetion设置为right-bottom,让它靠下显示

1、我就是从这里下载的；
2、“popOver就是整个覆盖的”——我设置的透明度是0安卓上面不是这个效果，不会覆盖panel-top（标题栏），如下图。
而且我发现，在ios中，点击“评论”，在弹出popover和输入键盘时，底层的页面会往上移动，可能是这个原因导致panel-top（标题栏）看不见了。
在安卓手机中，则没有这个现象，点击“评论”，在弹出popover和输入键盘时，底层的页面固定不动。

jishuang

只显示popover没有键盘的时候有问题吗？
这个问题在panel中处理过

可以安装apploader，直接扫描本地的demo下的案例运行
本地测试android，把popOver设置靠右上显示也是会挡上panel的top的

regmail_only

jishuang 发表于 2017-1-12 09:25
只显示popover没有键盘的时候有问题吗？
这个问题在panel中处理过

那我们现在要达到的，恰恰是我上面贴的那种在我的安卓手机中看到的效果。微信的朋友圈中，进行“评论”时，也是这样的效果，如下图



请问有办法实现这个效果吗？

jishuang

在popOver中放panel,在panel中布局看看

regmail_only

jishuang 发表于 2017-1-12 16:03
在popOver中放panel,在panel中布局看看

没看明白，在popover中放panel，显示标题？
这样即便ios手机能达到微信朋友圈那种效果，安卓手机不就出现两个panel？=================================================
另外，我发现：
在popover中其实只有一个输入框和一个”发送“按钮，
如果输入框没有获得焦点，那么底下的软键盘不会出现，即popover会位于手机屏幕的最底下，那么底层的内容可正常显示；
一旦输入框获得焦点，弹出软键盘，则popover和底层内容都会整体上移，就导致标题栏不见了。
如下图：

jishuang

看看/UI2/system/components/justep/panel/css/panel.css文件中下面这个css是我发的这样定义的吗？

1. .x-panel .x-panel-top {
   
2.   position: absolute;
   
3.   top: 0;
   
4.   left: 0;
   
5.   width: 100%;
   
6.   z-index: 1;
   
7. }

复制代码