ng對話框不在視口外渲染UI

Question

我在我的應用程序中使用ng對話框有這個奇怪的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; 
}