Javascript / Ionic3溢出:Firefox中的隐藏禁用滚动

我有问题,我不能删除Firefox Quantum的滚动条。 哦,铬它的作品就像一个魅力whith这CSS:

 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;
}

此外,我试图用jQuery将其删除,并直接将其添加到body标签,例如style="overflow: hidden;"

没有任何作品。 看来我不能摆脱他们。 我怎样才能删除它们?

编辑:

添加overflow: hidden; .scroll-content{}它删除了滚动条,但我不能在Firefox上滚动。 我怎样才能启用滚动溢出:隐藏;


你可以做这样的事情。

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

我会创建一个小提琴,但https://jsfiddle.net/现在正在运行。

链接地址: http://www.djcxy.com/p/88121.html

上一篇: Javascript/Ionic3 Overflow:hidden disable scroll in Firefox

下一篇: Hide scrollbar, but still be able to scroll on Firefox