如何在叠加窗口中禁用滚动？

Question

我是jQuery的新手，当用户点击按钮时，我会弹出这个叠加窗口：

    function toggleOverlay() {
    $("#overlay").animate({
        opacity: 'toggle',
        height: 'toggle',
    });
}

我的问题是我需要阻止用户在显示叠加层时以某种方式滚动页面。

我试过像

这样的东西

overflow: 'toggle',

但它不起作用。

如何做到这一点？

您可以在此处查看我的表单的工作示例：Link to website。只需点击“Rundbrief abonnieren”，表格就会弹出。我想禁用滚动。怎么办呢？

感谢您的帮助。

Answer 1

我认为，这是不可能的。尝试使用此plugin。它看起来更合适。

Answer 2

对不起，我的回答并不适合你的问题。您可以使用position: fixed制作#overlay和#signup，这样就不会看到背景。

（Und ich glaube，du wolltest http://2012.designbits.de/kontakt/ verlinken ...; - ）

Answer 3

如何将溢出设置为隐藏？

我也无法在您提供的链接中找到您的按钮，但此处显示http://2012.designbits.de/kontakt/

Answer 4

尝试使用阻止部分UI或完整用户界面的 Jquery Block UI 插件，直到取消阻止。 然后在显示叠加层时阻止UI。 显示叠加后，请勿忘记取消阻止用户界面。这是link to Plugin