Jquery 如何将scroll与SimpleModel插件一起使用

我正在使用SimpleModel插件 当对话框中的文本太长时，我尝试滚动，但整个页面都在滚动，即使使用modal:true

所以我看不到对话框的结尾，我尝试定义maxHeight，但似乎没有效果

有什么想法吗

代码：

---

您可以尝试为

modal（）

调用分配一些CSS，如下所示：

$('#basic-modal-content').modal({
    maxHeight: 400,
    autoPosition: true,
    containerCss: {
        'maxHeight' : '400px',
        'overflow' : 'auto'
    },
    position: ['20%', '25%']
});

---

此外，您还有可用的

dataCss

属性。

现在在css中使用

calc

非常安全，所以这就是我正在做的

$('#confirmDialog').modal(
{
    dataCss: 
    {
          'maxHeight': 'calc(100vh - 10em)',   // spaces are needed
          'overflow': 'auto'
    }
 });

这表示在对话框上方和下方至少留出10em（两边各5em）。幸运的是，即使您调整窗口大小，这一切都能很好地调整

我将

calc

函数与

100vh-10em

一起使用，这意味着获取视口高度并减去1em。这里不能使用

100%

，因为这是一个嵌套元素。不幸的是，在iOS上，100vh包含了被Safari图标栏遮住的空间，因此我不得不将该量减去10em，以确保它始终可见

注意：我使用的是

dataCss

，它将样式属性添加到内容中，而不是包装器中。这意味着，如果你有一个边框，那么边框将被固定，并且内容会在其中很好地滚动

为了更好地理解iOS上的

vh

，

我在数据div样式中添加了“width:490px；overflow-x:hidden；_-height:400px；max-height:400px；overflow-y:auto；”，这就纠正了问题，感谢您的想法。

$('#confirmDialog').modal(
{
    dataCss: 
    {
          'maxHeight': 'calc(100vh - 10em)',   // spaces are needed
          'overflow': 'auto'
    }
 });