javascript – 设置overflow-x：滚动并隐藏水平滚动条

2023年1月31日 295次阅读

我希望能够水平滚动,但没有显示滚动条.

我知道,在Chrome中它是：

::-webkit-scrollbar { 
    display: none; 
}

但是Firefox和Internet Explorer呢？有人给出了以下解决方案,但它似乎不适用于水平滚动条,它只适用于垂直滚动条.

#parent{
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

#child{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px; 
}

有人可以帮助我吗？

最佳答案 对于火狐只需使用此规则：

overflow: -moz-scrollbars-none;

对于IE：

-ms-overflow-style: none;

jsFiddle Demo (Test it on FF & IE)

点赞