iframe taşması devre dışı bırakılıyor: auto; Bir Google Apps Komut Dosyası Web Uygulaması'nda

Question

Bir uygulama komut dosyası web uygulaması oluştururken, sağ tarafta sayfaların boyutunu temsil etmeyen ve kaydırma yaparken doe hareket etmeyen dikey bir kaydırma çubuğuna sahibim.

Web uygulaması, üzerinde ayarlanmış olan userHtmlFrame kimliğine sahip bir iframe içinde çalışır ve overflow-y: scroll; ayarlanır. Bu, sayfanın kaydırıp kaydırmaya gerek duymadığı her zaman bir kaydırma çubuğunun ortaya çıkmasına neden olur. Sayfanın kaydırma yapması gerekmiyorsa, içeriği aşağıda görüldüğü gibi sağ tarafta gizler:

Sayfada kaydırma yapılması gerekiyorsa, orada olması gereken kaydırma çubuğunu gizler.

Uygun CSS'yi eklerseniz, çalışmaz. Görünüşe göre iframe üzerindeki stili değiştiremiyorum.

Kaydırma işlemini devre dışı bırakmak için uygulama komut dosyasında HTML oluştururken iframe'deki stilin veya başka bir özelliğin değiştirilmesi için bir yol var mı?

Answer 1

Uyumlu olmayanları bulmadan geliştirici konsolunu açıp css stillerini tek tek işaretlemem gerekiyordu. Materialize.css çerçevesini kullanıyordum ve fazladan kaydırma çubuğunu kaldırmak için aşağıdaki geçersiz kılmaları ekledim.

<!-- 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>