chrome中的引导模式问题答案

【问题标题】：bootstrap modal issue in chromechrome中的引导模式问题
【发布时间】：2023-03-26 14:28:01
【问题描述】：

我的 asp.net mvc 代码中有一个引导模式，它是在运行时绑定的主体。我第一次单击某个按钮时，模态运行良好（通过 jquery ajax 从控制器返回正文）。

然后必须动态改变模型的主体，它也很好用（通过jquery Ajax和json）。然后我关闭模态。我第二次点击一些按钮，模态工作但有问题。问题是模态体的滚动条已启用但无法正常工作，例如模态是 lock 。这个问题在 chrome 中，但在 IE 中我没有。我的模态代码：

...
success: function (response) {
$('#myModal').html(response);
$('#myModal').modal({ show: true, backdrop: false, keyboard: false });
...

我更改了 css ：overflow:hidden 和 position:fix 但它不起作用

【问题讨论】：

标签： jquery google-chrome twitter-bootstrap model-view-controller modal-dialog

【解决方案1】：

我遇到了同样的问题。我找到了解决方案，但我不知道它是如何工作的。解决办法是，在下面添加一些我写的jquery代码。

  $('.modal').bind('shown.bs.modal', function () {
    $(".modal").css("overflow-y", "scroll");
  });
  $('.modal').bind('hide.bs.modal', function () {
    $(".modal").css("overflow-y", "auto");
  });

祝你好运！

【讨论】：

【解决方案2】：

唯一的建议是在 chrome 中单击 F12 并尝试调试。但我最初的猜测是某些 CSS 标准与两个资源管理器不同。

【讨论】：

这并没有真正提供问题的答案，它只是提出了一种可能用于调试的方法。这种回复更适合对原帖发表评论。