C# 当显示模式对话框时，如何解决滚动问题？

当我显示我的模态对话框弹出窗口时（点击按钮后），背景中的滚动条向下滚动并idk为什么

我已经尝试过一些css修改，比如这个 $（'body'）.css（'overflow'，'inherit'）） 我也试过了 窗口。滚动到（0,0）

//单击按钮后，此按钮将调用
函数showPopUpModificaPOS（）{
$（“#PopUpModificaPOS”）。对话框（{
身高：325，
宽度：500，
莫代尔：是的，
位置：“绝对”}）。对话框（“小部件”）
.位置（{my:“top”，位于：window}的“top”）；
}

---

我希望滚动条不能向下滚动。

我解决了更改弹出窗口构建方式的问题

<script id="modificaTemplate" type="text/x-kendo-template">
<form class='formPopUpPos' id='formModifica'>   
   //put here your popup layout
</form>
</script>

//then call the script
function showpopup(){
    var template = kendo.template($("#modificaTemplate").html());
    var result = template();//pass here your parameters if u have someone
    $("#popupKendoDialog").html(template);
    var popupModificaPOS = creazioneDelPopupDialog();
    popupModificaPOS.dialog({ title: 'Modifica dispositivo POS' });
    popupModificaPOS.dialog({ width: '500' });
    popupModificaPOS.dialog('open');
}

function creazioneDelPopupDialog() {
    var popupRegistrazionePOS = $("#popupKendoDialog").dialog({            
        autoOpen: false,
        height: 'auto',
        width: 'auto',
        position: { my: "center top", at: "center top", of: window },
        modal: true,
        open: function () {
            $(".formPopUpPos").css({ "color": "#4d4d4d" });
            $(".formPopUpPos").css({ "font-family": "inherit" });
            $(".formPopUpPos").css({ "font-size": 12 });
        }
    });
    return popupRegistrazionePOS;
}

//把你的弹出式布局放在这里
//然后调用脚本
函数showpopup（）{
var template=kendo.template（$（“#modificaTemplate”）.html（）；
var result=template（）；//如果有人在这里传递参数
$（“#popupkendialog”）.html（模板）；
var popupModificaPOS=creazionedelpopudialog（）；
对话框（{title:'Modifica dispositivo POS'}）；
对话框（{width:'500'}）；
popupModificaPOS.dialog（“打开”）；
}
函数creazionedLPopDialog（）{
var popupRegistrazionePOS=$（“#popupKendoDialog”）。对话框（{
自动打开：错误，
高度：“自动”，
宽度：“自动”，
位置：{my:“中心顶部”，在“中心顶部”，of:window}，
莫代尔：是的，
打开：函数（）{
$（“.formpopupos”）.css（{“color”：“#4d”}）；
$（“.formpopupos”）.css（{“字体系列”：“继承”}）；
$（“.formpopupos”）.css（{“字体大小”：12}）；
}
});
返回popupRegistrazionePOS；
}

---

我仍然不明白为什么不以另一种方式工作。

我通过改变构建弹出窗口的方式解决了这个问题

<script id="modificaTemplate" type="text/x-kendo-template">
<form class='formPopUpPos' id='formModifica'>   
   //put here your popup layout
</form>
</script>

//then call the script
function showpopup(){
    var template = kendo.template($("#modificaTemplate").html());
    var result = template();//pass here your parameters if u have someone
    $("#popupKendoDialog").html(template);
    var popupModificaPOS = creazioneDelPopupDialog();
    popupModificaPOS.dialog({ title: 'Modifica dispositivo POS' });
    popupModificaPOS.dialog({ width: '500' });
    popupModificaPOS.dialog('open');
}

function creazioneDelPopupDialog() {
    var popupRegistrazionePOS = $("#popupKendoDialog").dialog({            
        autoOpen: false,
        height: 'auto',
        width: 'auto',
        position: { my: "center top", at: "center top", of: window },
        modal: true,
        open: function () {
            $(".formPopUpPos").css({ "color": "#4d4d4d" });
            $(".formPopUpPos").css({ "font-family": "inherit" });
            $(".formPopUpPos").css({ "font-size": 12 });
        }
    });
    return popupRegistrazionePOS;
}

//把你的弹出式布局放在这里
//然后调用脚本
函数showpopup（）{
var template=kendo.template（$（“#modificaTemplate”）.html（）；
var result=template（）；//如果有人在这里传递参数
$（“#popupkendialog”）.html（模板）；
var popupModificaPOS=creazionedelpopudialog（）；
对话框（{title:'Modifica dispositivo POS'}）；
对话框（{width:'500'}）；
popupModificaPOS.dialog（“打开”）；
}
函数creazionedLPopDialog（）{
var popupRegistrazionePOS=$（“#popupKendoDialog”）。对话框（{
自动打开：错误，
高度：“自动”，
宽度：“自动”，
位置：{my:“中心顶部”，在“中心顶部”，of:window}，
莫代尔：是的，
打开：函数（）{
$（“.formpopupos”）.css（{“color”：“#4d”}）；
$（“.formpopupos”）.css（{“字体系列”：“继承”}）；
$（“.formpopupos”）.css（{“字体大小”：12}）；
}
});
返回popupRegistrazionePOS；
}

---

我仍然不明白为什么不以另一种方式工作。

您需要隐藏body overflow而不是inherit，然后当模式关闭时，将溢出重置为自动它最有可能的是

位置：绝对

模式对话框通常有

位置：固定

仍然无法使用这两种解决方案。您需要隐藏正文溢出，而不是继承-然后当模式关闭时，将溢出重置为自动它最有可能的是

position:absolute

模式对话框通常有

positions:fixed

仍然不能使用这两种解决方案。