javascript - 打开大弹出窗口时如何防止firefox滚动到页面底部

Question

我使用一个简单的 onClick 事件在我的应用程序中显示一个弹出窗口。当弹窗较大时，弹窗出现后屏幕会自动向下滚动到页面底部。我只在 Firefox 浏览器中遇到这个问题。任何帮助将不胜感激。

Answer 1

从设计和可用性的 Angular 来看，您不应允许网页上的任何弹出窗口超过给定的视口(viewport)限制，例如窗口高度的一半。

尝试使弹出式 div 具有固定高度和 overflow-y: scroll，这样如果有更多内容 - 用户将能够向下滚动并阅读它。

一般来说，您应该谨慎使用弹出窗口。

不幸的是，糟糕的弹出窗口给所有弹出窗口都带来了坏名声。一些用户甚至在他们的浏览器中关闭 JavaScript 或下载特殊的软件实用程序来杀死所有弹出窗口。

许多人在绝望中这样做，因为无论他们在 Web 上走到哪里，弹出窗口都会跟踪他们 - 大多数人没有意识到他们是部分原因。通常，他们下载了一些免费的实用程序或音乐共享程序，其中包含一个垃圾软件程序，可以跟踪您的在线事件、窃取您的个人信息，并通过弹出式广告不断骚扰您，让您的在线生活变得悲惨!

参见 this , this文章和this所以问题。