javascript - 具有不同分辨率的网页的奇怪行为

Question

我正在这个网站的主页上工作:http://liteclock.com 当用户点击“按下以设置闹钟”时，会为他们打开一个对话框(avgrund.js 对话框)， 在我的屏幕上它看起来不错，但是当我将分辨率更改为较小的分辨率时，有时对话框会跳到窗口顶部之后的一半，

我已经尝试调试它 - 查看对话框的 CSS 或 body nad html 标签的区别 - 一切都是一样的。我真的不知道是什么导致了这个问题，我也不知道如何调试它。

我将 Avgrund 用于对话框:http://lab.hakim.se/avgrund/

编辑 对话框和错误在 http://www.liteclock.com 上实时显示，您可以通过按“按下以设置警报”并播放窗口高度直到发生跳跃来重现它。 我的分辨率 - 1920 x 1080 - 一切看起来都很好:

较小的分辨率 - 1280 x 720 - 相同的 CSS，完全不同的外观，这也发生在一开始没问题之后，它突然“跳跃”:

Answer 1

我认为这是因为您的聊天文本字段专注于打开对话框。如果窗口太小无法显示聊天，浏览器会自动向下滚动，直到消息字段完全可见。