hide scroll bars on mozilla firefox

Question

I'm making a web application and i can't seem to get rid of the scrollbars of the menus on Mozilla Firefox. It works perfectly in every browser i tested except for firefox.

Here's the css i use for the scrolls, works in Chrome, IE, Edge and Opera so far, but not in firefox.

.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 is the class of the div where i want the scroll hidden. The menu scrolls fine but it's not hidden on firefox. Any thoughts ?

Max · Answer 1 · 2023-01-25T09:10:21.820

1

You can try this.

*{
   scrollbar-width: none;
 }

edited Jan 25 '23 at 09:10

answered Jan 25 '20 at 13:16

Max

11
2

score 0 · Answer 2 · answered Aug 30 '16 at 09:23

0

At your webkit-scrollbar try this:

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

It should work.

answered Aug 30 '16 at 09:23

DaX

94
1
11

did you try this? http://stackoverflow.com/questions/20997183/how-to-hide-scrollbar-in-mozilla-firefox – DaX Aug 30 '16 at 09:28
you mean the overflow hidden in the parent div ? – Pedro Costa Aug 30 '16 at 09:37
1

use jquery how ? i already tried that command with no effect. – Pedro Costa Aug 30 '16 at 13:42

hide scroll bars on mozilla firefox

2 Answers2