Modal popup在浏览器视口之外

Question

我在我的网站上有一个弹出窗口用于一些注册。 当在电话上打开此弹出窗口时，浏览器视图端口为高，并且其中一些内容超出该值。

当我尝试向下滚动，它滚动的背景。如果我用overflow-y: hidden锁定背景，则根本不滚动。

弹出式窗口与窗口一起滚动，锁定在同一个地方。 我想不锁定位置到页面的顶部，并始终显示在视图的顶端，但应该可以滚动查看它的所有内容。

有谁知道如何解决这个问题？

Answer 1

看Bootstrap modal manager大例子。他们删除了体内的溢出（溢出：隐藏），并为模式有一个完整的宽度/高度包装，这个包装有溢出：auto;这使得比正文页面更具静态性，页面滚动仅移动模式。

Answer 2

您可以使用media类型编写移动设备，平板电脑等，例如CSS规则，如果你想滚动的模式，你的内容，你可以做这样的事情的能力：

@media (max-width: 767px) { 
    .modal-content { overflow-y: scroll; } 
}