禁用iframe溢出：auto; 在Google Apps腳本網絡應用上

Question

在創建應用程序腳本Web應用程序時，我經常在右側有一個垂直滾動條，該滾動條不代表頁面大小，滾動時也不會移動。

Web應用程序在iframe內部運行，iframe的id為userHtmlFrame ， overflow-y: scroll; 設置它。 無論頁面是否需要滾動，這都會導致滾動條始終存在。 如果頁面不需要滾動，那么它會隱藏右側的內容，如下所示：

如果頁面確實需要滾動，它將隱藏應該在那里的滾動條。

如果我添加適當的CSS，它不起作用。 看起來我無法在其中更改iframe的樣式。

有沒有辦法在應用程序腳本中生成HTML以禁用滾動時更改iframe或其他屬性的樣式？

Answer 1

我不得不打開開發者控制台，一次取消選中CSS樣式，直到發現不兼容的樣式。 我使用的是materialize.css框架，並添加了以下重寫以刪除多余的滾動條。

<!-- This will fix the scroolbar caused by materialze.css --> 
  <style> 
   [class] {
           will-change: unset;
          -webkit-backface-visibility: visible;
        /*  backface-visibility: visible; */
          }
   [type="checkbox"]:checked + label:before {
          -webkit-backface-visibility: visible;
          backface-visibility: visible;
         }
   </style>