如何启用“ izimodal”中的滚动?

时间:2019-06-18 05:33:21

标签: html css bootstrap-4 izimodal

我想在表格内部显示一些数据。我正在使用“ 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
    });

1 个答案:

答案 0 :(得分:1)

使用这种情况来吸引您的izimodal滚动: 在您的css文件中,您可以定义一个CSS类别,该类别具有设置的滚动内容:

您可以使用溢出属性来进行页面滚动。 我发给你一个例子供你使用

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

在定义了此类之后,您可以将Html标记中的css类与izimodal类一起使用,如下所示:

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

我建议您使用具有自动值的溢出属性