0

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 });

どんな提案でも大歓迎です。

4

1 に答える 1

0

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 がスクロール可能になります。

于 2016-03-17T07:40:47.727 に答える