如何防止屏幕从PrimeNG拖动p对话框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何防止屏幕从PrimeNG拖动p对话框相关的知识,希望对你有一定的参考价值。

我正在使用PrimNG的p-dialog。启用[draggable]后,我可以使用[minX][minY]阻止模式在左侧和顶部被拖出屏幕。

有没有办法阻止模态在右侧和底部被拖出屏幕?

我在一个非常标准的实现中使用https://www.primefaces.org/primeng/#/dialog

答案

由于'[minX]'是左边的最小可拖动坐标,'[minY]'是顶部的最小可拖动坐标,因此将它们设置为一个较大的负数,即[minX]="-1000" [minY]="-1000"。通过这种方式,您可以将对话框拖到左侧和顶部。

以上是关于如何防止屏幕从PrimeNG拖动p对话框的主要内容,如果未能解决你的问题,请参考以下文章

如何在 PrimeNG 中叠加 ProgressSpinner?

angular primeng p-confirmdialog - 如何用谷歌素材图标替换对话框面板的关闭图标

如何从 Angular 的 PrimeNG 库中为 AutoComplete 组件设置焦点

Primeng - 对话服务将数据传递给对话组件

jQuery UI 对话框/拖动问题

如何防止喷气背包组合脚手架在对话框中显示时占据屏幕的整个高度