在IE中向下滚动并刷新后,使用jquery模式对话框出现缺陷

时间:2012-04-27 23:41:28

标签: modal-dialog jquery-ui-dialog

我在IE中找到了jquery模式对话框行为的错误(或功能)(Firefox正常工作)。

在IE9中(不确定其他IE版本),如果从页面底部调用,它会将对话框定位在用户视口外的可滚动页面的顶部。这在IE中很容易从jqueryui dialog demo page重现。

  1. 导航到那里,
  2. 关闭页面加载时出现的对话框,
  3. 一直向下滚动到页面底部,
  4. 然后点击刷新。
  5. 用户不会看到模态对话框,只有暗淡的覆盖图作为suttle提示,顶部有一个对话框,并向上滚动并关闭/寻址它。 IE页面将闪烁一秒钟,在加载时显示对话框,然后快照回到底部的对话框不在视图中的前一个位置。

    我确实看到了与此相关的其他帖子,如果从那里调用锚点标记中使用onclick="return false;",但这个例子不是来自锚点,所以我不确定这在这里是如何工作的,或者如果它甚至适用。

    想法?

1 个答案:

答案 0 :(得分:1)

我发现了一个样式问题会导致IE在jqueryui对话框中导致此问题。如果您的正文或html被设置为高度为100%,则对话框始终显示从顶部开始的固定位置。