Question

如何在不停止div滚动的情况下在mozila firefox中隐藏滚动条。

我在css下面使用过，但是我不想在div中添加“ overflow-x：hidden”，我已经添加了滚动条。另外，我不能将jQuery相关插件用于Scrollbar，因为我添加了3级嵌套菜单，因此它与打开的2级菜单冲突。

margin-right: -16px;
overflow-y: scroll;
overflow-x: hidden;

我也在css下使用过，但在Firefox中不起作用。

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

如果您对此问题在CSS / jQuery中有任何建议，请告诉我。

Answer 1

您必须将可滚动div包裹在另一个div中，并用overflow：hidden隐藏隐藏滚动条。

   #wrap {
        width: 150px;
        overflow: hidden;
        outline: 1px solid yellow;
    }
    
    #scroll {
        width: 170px;
        height: 100px;
        overflow: auto;
        background: blue;
        color: white;
    }

<div id="wrap">
        <div id="scroll">
            foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>
            foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>
            foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>      
        </div>
    </div>

如何在Firefox中隐藏滚动条而不停止在div中滚动

1 个答案: