定位固定底部时卡住模态

Posted

技术标签:

【中文标题】定位固定底部时卡住模态【英文标题】:Stuck modal when position fixed bottom 【发布时间】:2020-10-05 13:49:30 【问题描述】:

我有固定底部位置的summernote。

Link code: https://pastebin.com/raw/NDu97cRY

当我运行这段代码时,我的模式卡住了。你有什么建议吗?

【问题讨论】:

欢迎堆栈溢出,请提供一个最小的可重现示例。见这里-How to produce minimal, reproducible example。 【参考方案1】:

您可以删除 <div class="col-12 fixed-bottom"> 如果您告诉代码始终将其放在底部,则无法以其他方式完成

【讨论】:

【参考方案2】:

解决了。 如果模态在位置固定底部的 div 中,它将被卡住。所以,保存在 div 之外。

$('.note-modal').appendTo("body");

【讨论】:

以上是关于定位固定底部时卡住模态的主要内容,如果未能解决你的问题,请参考以下文章

如何计算 iPad 上模态视图的底部偏移量?

颤振:在/替换底部导航栏上显示模态底部表(无障碍)

bootstrap模态框怎么从底部弹出

带有导航器的颤振模态底部工作表未按预期弹出

在颤动中增加模态底部表中的购物车值

如何做模态引导出现在底部