禁用iframe溢出：auto;在Google Apps腳本Web應用程序

創建應用程序腳本Web應用程序時，我會在右側不斷有一個垂直滾動條，它不代表頁面大小，並且在滾動時顯示屏幕移動。禁用iframe溢出：auto;在Google Apps腳本Web應用程序

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

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

如果我添加適當的CSS，它不起作用。它看起來像我不能改變其內的iframe的樣式。

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

2016-03-20 Douglas Gaskell

我不得不打開開發人員控制檯，一次取消選中一個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>

來源

2016-03-21 02:24:12

禁用iframe溢出：auto;在Google Apps腳本Web應用程序

回答

相關問題