2

所以我做了一个弹出窗口来在我的网站上显示一些信息，但我用固定的尺寸制作它以使其适合某种方式。这意味着有一个滚动条，您需要在弹出窗口上滚动，这很好，我的问题是当您点击弹出窗口的底部时，它开始在实际页面上滚动。

我想要的是禁用它。显然它必须与一些 Jquery 一起使用，但我不知道在某些情况下如何禁用整个页面的滚动。

这是我的弹出窗口的 Jquery：

$(document).ready(function(){
    $('button').click(function(){
        $('#example').animate({
            display:'visible',
            opacity:'toggle'
        });
    },
    function(){
        $('#example').animate({
            display:'none',
            opacity:'toggle'
        });
    });
});

该toggle功能不起作用，所以我只是翻了一番，click它工作正常。这是一个包含所有内容的 jsfiddle：http: //jsfiddle.net/gYGgr/1/

那么，如果弹出窗口打开，我需要向我的 jquery 添加什么来禁用正文滚动而不是弹出窗口？谢谢！

4

2 回答 2

0

最简单的方法是添加overflow: hidden到<body>CSS 中的标签中——但我会对此保持谨慎，因为任何多余的部分都会被隐藏。但是，您始终只能在对话框存在时应用它。

于 2013-05-20T14:41:09.063 回答
-1

我认为最简单的选择是将盒子包装在另一个带有位置的div中：固定。请看一下我为您工作的 jsfiddle：

Js Fiddle

希望有帮助。

于 2013-05-20T15:15:45.933 回答