可拖动的 ngx-bootstrap 模态只有身体移动和背景固定

Posted 2023-05-08

【中文标题】可拖动的 ngx-bootstrap 模态只有身体移动和背景固定

【英文标题】：draggable ngx-bootstrap modal only body move and background fixed

【发布时间】：2020-08-22 13:04:46

【问题描述】：

我使用Angular2-Draggable 来创建可拖动模式，但只有内容被拖动并且背景是固定的。

我尝试通过将 angular2-draggable 指令选择器更改为类 ('.ngDraggable') 来修复此错误，但它不适用于父元素 (class='modal-dialog' role='document')

我使用下面的代码来显示模态：

this.modalService.show(OwnerAdvertisingOpportunityAddeditComponent, 
   initialState, class: 'ngDraggable modal-lg' );

有什么帮助或想法吗？

【参考方案1】：

回答我自己的问题： 我用css解决了这个问题

.modal-dialog.ngDraggable 
  .modal-content 
    background-color: transparent;
    border: none;
    box-shadow: none;
  
  .ngDraggable 
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 6px;
    border: 1px solid #999;
    overflow: hidden;
      

但是如果有人有更好的解决方案，谢谢分享