首页 > 解决方案 > 自适应模式为真时可滚动不起作用

问题描述

我在我的项目中使用这个插件来实现模态功能,问题是当我使用:adaptive="true"时,当模态高度大于屏幕时,我无法滚动模态,我该如何解决这个问题。?

我也在他们的 github repo 上提出了一个问题,但我没有得到作者的任何回复,请在这里的任何人解决这个问题..?如果您分享,那么它将对我和其他人有很大帮助。

版本:

"vue-js-modal": "^2.0.0-rc.6"

这是我的设置

<modal name="quick-view"
       width="90%"
       height="auto"
       :maxWidth="1000"
       :maxHeight="600"
       :adaptive="true"
       :scrollable="true">

     long content goes here
     .......................................................................
     ........................................................................
     ........................................................................
</modal>

我的设置是正确的还是我错过了什么..

标签: javascriptvue.jsvuejs2vue-js-modal

解决方案


我在这里遇到了同样的问题,但我能够使用下面的 css 代码修复它......在这篇文章https://github.com/euvl/vue-js-modal/issues/674#issuecomment-844301259上找到

.vm--modal {
  height: auto !important;
}

推荐阅读