Question

我看到几个问题，询问如何在打开对话框时停止页面滚动。但我需要我的长页面向上/向下滚动以显示对话框。

在页面加载时，如果满足某些条件，我打开一个对话框：

   $(function () {
       if (someCondition) {
           $('#showOnce').dialog(); // default position seems to be center
       }
   });

如果我关闭对话框并向下滚动到长页面的底部并刷新，它会打开对话框，但它会一直显示底部，所以要查看对话框，我需要向上滚动。

如何让页面向上滚动以显示对话框？

[Edit1]我注意到页面刷新时浏览器之间存在差异：
- Chrome / IE保持滚动位置但顶部打开对话框（因此对话框未显示）
- FF保持滚动位置并在当前位置打开对话框（我喜欢这个！）

Answer 1

这对你有帮助吗？来自jQuery API：

.scrollTop()

.scroll()

Answer 2

试试这个，

$(function () {
   if (someCondition) {
       $('#showOnce').dialog(); // default position seems to be center
       $(window).scrollTop(0);
   }
});

关闭你可以使用的对话框，

$(window).scrollTo( '100%' );

页面加载时的jQuery对话框不滚动

2 个答案: