How to hide scrollbar in mozilla

Question

1.22/5 (2 votes)

See more:

I have use these CSS to hide scroll bar in my drop-down menus.

I have drop-down menu with ul and li tags. UL have CSS max-height-400px; and overflow-y : scroll;

This is working on Chrome Browser but not in Mozila.

Please help me ....

What I have tried:

.no-scroll::-webkit-scrollbar {display:none;} /* Safari */
.no-scroll::-moz-scrollbars {display:none;}
.no-scroll::-o-scrollbar {display:none;} /* opera */
.no-scroll::-google-ms-scrollbar {display:none;}
.no-scroll::-khtml-scrollbar {display:none;}

Posted 25-Apr-16 2:27am

Member 12479831

Updated 10-Dec-19 1:20am

Add a Solution

Comments

Peter_in_2780 25-Apr-16 9:15am

Have you tried -moz-scrollbars-none ? I found it here: https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions

Member 12479831 25-Apr-16 9:16am

Yes I was already try it ...

Richard Deeming 25-Apr-16 9:59am

As far as I can see, -moz-scrollbars-none was removed some time ago. The recommended replacement is overflow:hidden.

Perhaps it would be better to ask for help with your real problem instead. If possible, create a JSFiddle[^] with the minimum markup and CSS required to reproduce the problem.

Member 14684564 10-Dec-19 7:33am

Not Working Firefox

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

swapnilmj · Accepted Answer · 2016-04-25T20:55:00

Solution 2

To remove scroll bar you can set
overflow-y: hidden
and you can remove max-height

This will work in Mozilla also.

See example:
<html>
<body>
<style>
ul{width:50px; overflow-y: hidden}
</style>
<ul >
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</body>
</html>

Posted 25-Apr-16 20:55pm

swapnilmj

Updated 25-Apr-16 20:57pm

v2

Comments

Member 12479831 27-Apr-16 1:17am

Thank u very much for solution but this is not work in my site. I also remove all the all CSS to do this but cannot get success.

This code is work better in Mozilla but when I apply this code to drop-down menu this code will not work ...

Is there any solution for this?

swapnilmj 27-Apr-16 14:05pm

Can you send exact html and css parts used for it?
So that I can give required solution.