解决bootstrapTable refresh模态框scrollbar消失,焦点在parent窗口上的问题

在使用bootstrapTable时遇到一个编辑功能的模态框问题，当弹出子窗口（模态框）且内容较长，存在滚动条。在执行删除操作后，滚动条消失导致无法查看下方内容。删除代码中设置了`overflow-x: hidden`和`overflow-y: auto`，调整后解决了模态框滚动条消失的故障。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天碰到一个问题，问题是这样的。

我有一个父窗口，点击父窗口的编辑按钮的时候弹出一个子窗口，子窗口是已一个模态框的形式弹出的，如下图

在已添加商品的bootstrapTable中商品比较多，页面比较长，这时候是有scrollbar的，但是当我点击删除的时候

没有了scrollbar，一但没有了scrollbar，下面还有很多商品都没办法看了，这时候让我很头疼。删除的代码如下

//已添加商品-删除
    function commodityAddedDel(commodityAddedIds, goodsCodes) {
        bootbox.confirm('您确定删除该条记录么?<br>' + commodityAddedIds.join(","), function(result) {
            if(result) {
                $.ajax({
                    type : "post",
                    url : "${ctx}/admin/commodityPackage/operation/commodityAddedDel.html",
                    dataType : "json",
                    data : {productPackageId:$("#commodityPackageAddForm #id").val(), ids:commodityAddedIds, goodsCodes:goodsCodes},
                    success : function(result) {
                        if (result.state == 0) {
                            $commodityPackageTable.bootstrapTable('refresh');
                            $commodityAddedTable.bootstrapTable('remove', {field : 'contentId', values:commodityAddedIds});
                            var data = $commodityAddedTable.bootstrapTable('getData');
                            if(data.length == 0) {
                                $commodityAddedTable.bootstrapTable('prevPage').bootstrapTable('refresh', {url: '${ctx}/admin/commodityPackage/operation/commodityAddedList.html'});
                            } else {
                                $commodityAddedTable.bootstrapTable('refresh', {url: '${ctx}/admin/commodityPackage/operation/commodityAddedList.html'});
                            }
                            //$("#commodityPackageAddModal").css("overflow-x", "hidden");
                            //$("#commodityPackageAddModal").css("overflow-y", "auto");
                        } else {
                            alert(result.msg);
                        }
                    }
                });
            }
        });
    }

debug调试发现刷新bootstrap('refresh', xx)的时候模块框就没有了scrollbar,调试了css加上了下面2句代码

$("#commodityPackageAddModal").css("overflow-x", "hidden");
$("#commodityPackageAddModal").css("overflow-y", "auto");

这时候模态框就有了scrollbar