0

アプリケーションで ng-dialog を使用すると、この奇妙な UI の問題が発生します。ダイアログの起動時に表示されない初期 UI の外側の UI は、ダイアログ画面を下にスクロールしても自動的にロードされません。

要素をクリックして UI に表示する必要があります。上にスクロールすると同じように、以前に読み込まれた UI 要素が非表示になり、それらをクリックして表示する必要があります。

これは、ビューポートのパトルである場合にのみ UI 要素をロードする場合だと思います。ただし、この悪いユーザー エクスペリエンスを修正する方法がわかりません。

これを修正する方法についてのヘルプをいただければ幸いです。

4

1 に答える 1

0

この問題を解決するための CSS トリックを見つけました。これを CSS に追加するだけです (デフォルトのテーマを使用している場合)。

.ngdialog.ngdialog-theme-default .ngdialog-content {


  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
}
于 2016-06-22T15:04:59.970 に答える