Question

我正在使用Eric Martin's sweet 'simplemodal' jQuery plugin。它运行得非常好，并且会推荐给任何寻找基于jQuery的轻量级模态对话解决方案的人。

那就是说，我有一些特别长的内容，“需要”显示为模态。默认情况下，容器元素使用'overflow：auto'来处理太长而不适合浏览器窗口的内容。这在大多数情况下效果很好，但在这种情况下，我希望对话保持完整的高度并滚动页面的其余部分（定位为“绝对”与“固定”）。通过将源中的任何位置：'固定'引用修改为位置：'绝对'，我可以相当轻松地完成此工作，但这很糟糕，因为这意味着我的所有模态都会显示这样......

有人对如何优雅地开展这项工作有任何想法吗？

Answer 1

尝试将position：absolute添加到该特定div区域的实际模态调用

如下所示

$（“＃somebutton”）。click（function（）{

    $('#my-modal-content').modal({
        position:absolute
    });
});

我和你有同样的问题，但我想为不同的按钮/功能设置不同尺寸的盒子，这就是我解决它的方法。祝你好运！

Answer 2

这就是我的所作所为：

jQuery('#MyModal').modal({
    //options
});
jQuery('#MyModal').parents('.simplemodal-container').css('position', 'absolute');

Answer 3

在对话框中只有一个滚动条。

Answer 4

听起来你并不喜欢根据你的特定需求调整源代码...因此我建议你重新处理它，这样你就可以通过选项对象提供定位和溢出属性。

Answer 5

您必须显着更改代码，尤其是处理IE（主要是IE6）的代码。

只是更改为绝对位置最初适用于某些浏览器，但某些浏览器或页面调整大小（在任何浏览器中）都会恢复到固定位置。

jquery.simplemodal-1.3.3.js：绝对定位（与固定相对）

5 个答案: