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

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

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