javascript - 自适应模式为真时可滚动不起作用
问题描述
我在我的项目中使用这个插件来实现模态功能,问题是当我使用: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>
我的设置是正确的还是我错过了什么..
解决方案
我在这里遇到了同样的问题,但我能够使用下面的 css 代码修复它......在这篇文章https://github.com/euvl/vue-js-modal/issues/674#issuecomment-844301259上找到
.vm--modal {
height: auto !important;
}
推荐阅读
- javascript - 如何在 jquery 选择器中连接字符串和变量?
- anaconda - pytorch 需要 cudatoolkit 吗?
- python-3.x - Selenium headless 不能与元素交互,但 non-headless 可以
- javascript - 比使用多个 if 更好的方法
- php - 如果两个键的值编号相等,则对数组对象进行排序,然后匹配到另一个键值对
- python - 如何使用for循环访问字符串?
- postgresql - Postgresql jdbc executeUpdate() 或 getUpdateCount() 返回受影响的行
- python - Python for 循环迭代未完成,跳过步骤
- javascript - 使用request返回一个json值
- css - 无法垂直对齐 flexbox 中的项目