Question

我在我的应用程序中使用ng-dialog有这个奇怪的UI问题。初始UI外部的UI在对话框启动时不可见，在对话框屏幕中向下滚动时不会自动加载。

我需要点击元素才能在UI中显示它们。当我向上滚动时，以前加载的UI元素是不可见的，我必须单击它们才能使它们可见。

我觉得只有当它们是视口的patr时才加载UI元素;但是我不确定如何修复这种糟糕的用户体验。

任何有关如何解决此问题的帮助表示赞赏。

Answer 1

我发现了一个解决这个问题的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;
}

ng-dialog不在视口外呈现UI

1 个答案: