在 AngularJS 中禁用滚动到 md-dialog 之外的选项

Question

我有以下对话框配置：

var position = this._mdPanel.newPanelPosition()
    .absolute()
    .center();

var config = {
    attachTo: angular.element(document.body),
    controller: PanelDialogCtrl,
    controllerAs: 'ctrl',
    disableParentScroll: this.disableParentScroll,
    templateUrl: 'tmp',
    hasBackdrop: true,
    panelClass: 'form-dialog',
    position: position,
    escapeToClose:true,
    trapFocus: true,
    clickOutsideToClose: false,
    focusOnOpen: true,
    locals:{ }
};

this._mdPanel.open(config);

但是当我滚动到弹出窗口之外时，它被滚动了。我希望对话框固定在没有任何移动或外部东西的位置。

设置hasBackdrop: false无效。

Answer 1

如果您想在模式外禁用滚动，请将 disableParentScroll 选项设置为 true。

$mdDialog.alert()
    .disableParentScroll(true)

Demo

在 AngularJS 中禁用滚动到 md-dialog 之外的选项

Disable the option to scroll outside the md-dialog in AngularJS

angularjs

angularjs-material