我正在做一个网页应用程序，我似乎无法摆脱Mozilla Firefox上的菜单滚动条。它在我测试的每一个浏览器上都能完美地工作，除了Firefox。
这里的css我使用的滚动，工程在Chrome浏览器，IE，边缘和Opera到目前为止，但不是在火狐.

.main-sidebar{
        position:fixed
    }

    .bar{
        max-height: 400px; 
        overflow-y: scroll;
    }
    .bar::-webkit-scrollbar {
        display: none;
    }

    .bar {
        -ms-overflow-style: none; 
        overflow:hidden;
    }

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

.bar是div的类，我想在那里隐藏滚动条。菜单滚动很好，但在firefox上没有隐藏。有什么想法吗？