angular js ngdialog 滚动条

Question

我正在使用 ng-dialog 来显示弹出窗口。我在使用 ng-dialog 时面临的问题是当消息很大时对话框上没有垂直滚动条但是整个 html 页面都出现滚动条。

有没有办法让 ng-dialog 框上的滚动条。

我正在使用来自 https://github.com/likeastore/ngDialog

的 ngdialog.js

我用谷歌搜索了一下，但对如何使用滚动条一无所知。拜托我在 css.

中变大了

下面是我用来显示弹出窗口的代码。

ngDialog.open({ template: 'resources/views/popup.html', className: 'ngdialog-theme-default' , scope: $scope });

非常感谢任何建议。

Answer 1

你应该设置overflow-y: scroll;在对话框模板中的内容元素上。

HTML:

<div class="modal-content">
<ul class="list-group">
    <li class="list-group-item" ng-repeat="item in items">{{::item.name}}</li>
</ul>

少：

.modal-content {
    .choose-modal-content {
        height: 100%;
        width: 100%;

        ul {
            &.list-group {
                overflow-y: scroll;
            }
        }
    }
}

这样当内容溢出时 ul 将可以滚动。

angular js ngdialog 滚动条

angular js ngdialog scrollbar

angularjs

ng-dialog