Javascript/Ionic3 Taşma: Firefox'ta gizli devre dışı bırakmak kaydırma

Question

Firefox Quantum kaydırma çubuklarını kaldıramayacağım sorunu yaşıyorum. Ah bu css nereye bir cazibe gibi çalışır Chrome:

div::-webkit-scrollbar { 
    border:none; 
    width:0; 
    background: rgba(0,0,0,0); 
    display: none; 
    overflow-x: hidden; 
    overflow-y: hidden; 
} 

div::-webkit-scrollbar-track { 
    border:none; 
    width:0; 
    background: rgba(0,0,0,0); 
    display: none; 
    overflow-x: hidden; 
    overflow-y: hidden; 
} 

div::-webkit-scrollbar-thumb { 
    border:none; 
    width:0; 
    background: rgba(0,0,0,0); 
    display: none; 
    overflow-x: hidden; 
    overflow-y: hidden; 
} 

Ayrıca ben jQuery ile ve bu işleri bu style="overflow: hidden;"

Hiçbir şey gibi vücut etiketine doğrudan ekleyerek ile çıkarmak için çalıştı. Görünüşe göre onlardan kurtulmadım. Bunları nasıl kaldırabilirim?

DÜZENLEME: Bu kaydırma çubukları kaldırıldı ama firefox artık kaydırma olamaz overflow: hidden;.scroll-content{} ekleyerek ile

. Taşma ile kaydırmayı nasıl etkinleştirebilirim: gizli;

Answer 1

Böyle bir şey yapabilirsiniz.

<style> 
    #container{ 
     height: 500px; 
     width: 200px; 
     background-color: #ccc; 
     overflow: hidden; 
    } 
    #container-inner{ 
     width: calc(100% + 17px); 
     height: 100%; 
     overflow: scroll; 
     overflow-x: hidden; 
    } 
    .content{ 
     width: 100%; 
     height: 300px; 
    } 
    .one{ 
     background-color: red; 
    } 
    .two{ 
     background-color: green; 
    } 
    .three{ 
     background-color: yellow; 
    } 
</style> 
<div> 
    <div id="container"> 
     <div id="container-inner"> 
      <div class="content one"> 
      </div> 
      <div class="content two"> 
      </div> 
      <div class="content three"> 
      </div> 
     </div> 
    </div> 
</div> 

Bir keman oluşturmak istiyorum ama https://jsfiddle.net/ şu anda çalışmıyor.