如何在“izimodal”中启用滚动？

Question

我想在表格内的模式中显示一些数据。我正在使用“izimodal”，当表格附加在模式内时，它无法滚动并卡在固定位置上。我想在 y 轴上启用滚动。这个问题怎么解决？

//Izimodal properties
    $('#booking-modal').iziModal({
      headerColor: '#00a657', 
      width: '60%', 
      overlayColor: 'rgba(0, 0, 0, 0.5)', 
      fullscreen: true, 
      transitionIn: 'fadeInDown', 
      transitionOut: 'fadeOutUp',
      fullscreen: false,
      openFullscreen: false
    });

Answer 1

使用此场景在您的 izimodal 中吸引滚动： 在您的 css 文件中，您可以定义一个带有设置溢出的 CSS 类以进行滚动：

您可以使用溢出属性来处理页面中的滚动。 我发送一个示例供您使用

.scrolling{overflow:auto;}
.scrollingY{overflow-y:visible;}
.scrollingX{overflow-x:hidden}

在你定义了这个类之后，你可以在你的 Html 标签中使用这个 css 类和 izimodal 类，如下所示：

<div class="izimodal scrolling">
</div>

我建议你使用带有自动值的溢出属性