Javascript 滚动时，弹出窗口在android chrome浏览器中消失几秒钟

我有一个对话框，它是作为一个弹出窗口，但每当我在带有chrome浏览器的android设备上滚动时，它就会消失几秒钟，然后重新出现

对话框包含用户需要填写的HTML表单，但数据仍保留在表单中

我在JqueryMobiles论坛上到处找过，他们说这是因为一个调整大小的事件，但我找不到解决办法

有人能帮忙吗

CSS代码：

div.standarddialog {
max-width:400px;
position:relative !important;
}

HTML代码：

div data-role="popup" id="receiptUploadFileDialog" data-overlay-theme="b"
 data-theme="a" class="standarddialog" data-history="false">
<div data-role="header" class="ui-corner-top">
    <h1>Import</h1>
</div>
@* The main part of the dialog box *@
<div data-role="content" class="ui-corner-bottom ui-content">
    <p>Import file</p>
    @* The form where the user can define the variables *@
    <form method="post" enctype="multipart/form-data"
          data-ajax="false" target="receiptTargetUploadFile" id="receiptUploadFileForm" data-bind="attr: { action: model.uploadUrl }">      
        <input type="file" name="imgFile" accept="image/*" id="receiptUploadFileInput">   @* The image file input *@   
        Description <input type="text" name ="Description" id="desc"/>                  @* Description input *@   
        Exspense type: <select name="expType" id="expType">                             @* Expense Type as a dropdown menu, values taken from T03 *@   
                </select>
        Total: <input type="number" name="amount" id="amount" required><br>             @* The amount as input *@   
        Currency: <select name="currency" id="currency">                                @* The currency of the amount as a dropdown menu, values taken from A13 *@    
                </select> 
        Private expenses: <input type="checkbox" name="priExp" id="priExp"><br>         @* Private expense if the user paid with own money or company money *@   
        Comment: <input type="text" name="comment" id="comment"><br>                    @* Comment the user can define *@   
    </form>
    <p data-bind="text: model.validationText" class="validationError"></p>

    <a href="#" data-icon="arrow-u" data-role="button" data-iconpos="right" data-bind="click: $root.receiptSubmitUploadFileForm.bind($root)">Upload</a> @* Submit button when the user is done, filling in the inputs *@   
</div>

<iframe id="receiptTargetUploadFile" name="receiptTargetUploadFile" style="position:absolute; left:-999em; top:-999em;"></iframe>
<a href="#receiptUploadFileDialog" data-position-to="window" data-transition="pop"
   id="receiptInvisibleFileDialogOpener" data-role="button" data-rel="popup" style="visibility: hidden"></a>

div data role=“popup”id=“receiptUploadFileDialog”data overlay theme=“b”
数据主题=“a”class=“standarddialog”数据历史记录=“false”>
进口
@*对话框的主要部分*@
导入文件

@*用户可以在其中定义变量的表单*@
@*图像文件输入*@
描述@*描述输入*@
Exspense类型：@*费用类型作为下拉菜单，值取自T03*@
总计：
@*输入的金额*@
货币：@*金额的货币作为下拉菜单，数值取自A13*@
私人费用：
@*如果用户使用自有资金或公司资金支付，则为私人费用*@
注释：
@*用户可以定义的注释*@

@*用户完成后提交按钮，填写输入*@

Javascript:

 public receiptShowUploadFileForm(settings: FileUploadSettings): void {
    if (this.runSetup) {
        this.setupCurrency();
        this.setupExpType();
    }
    this.model.uploadUrl(settings.uploadUrl);
    this.model.validatePath = settings.validatePath;
    this.model.afterUpload = settings.afterUpload;
    this.model.validationText("");
    this.jqMap.btnInvisibleFileOpener.click();

    $("#receiptTargetUploadFile")[0].onload = () => {
        this.jqMap.fileImportDialog.popup().popup("close");

        if (this.model.afterUpload) {
            this.model.afterUpload();
        }

        $("#receiptTargetUploadFile").remove();
        $('<iframe id="receiptTargetUploadFile" name="receiptTargetUploadFile" style="position:absolute; left: -999em; top: -999em;"></iframe>').appendTo('body');
    };
        this.runSetup = false; 
}

public receiptShowUploadFileForm（设置：FileUploadSettings）：void{
if（this.runSetup）{
此.setupCurrency（）；
this.setupExpType（）；
}
this.model.uploadUrl（settings.uploadUrl）；
this.model.validatePath=settings.validatePath；
this.model.afterUpload=settings.afterUpload；
this.model.validationText（“”）；
这个.jqMap.btnInvisibleFileOpener.click（）；
$（“#receiptTargetUploadFile”）[0]。onload=（）=>{
这个.jqMap.fileImportDialog.popup（）.popup（“关闭”）；
如果（此.model.afterUpload）{
this.model.afterUpload（）；
}
$（“#receiptTargetUploadFile”）.remove（）；
$（''）。附于（'正文'）；
};
this.runSetup=false；
}

我在这里找到了answear

---

您只需插入缺少的代码位，它就可以工作了

css中弹出窗口的位置值是多少，您可以共享一些代码吗？无代码=无帮助+flag@madalinivascu补充code@VilasKumkar代码uploaded@Malte您是否介意稍微更改一下css，即div.standarddialog{position:fixed}，它可能会解决您的问题。如果你能分享一下你当前问题的实际表现，我将不胜感激