Click here to Skip to main content
14,391,880 members
Rate this:
Please Sign up or sign in to vote.
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
Updated 4 days ago
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 4 days ago
   
Not Working Firefox

1 solution

Rate this:
Please Sign up or sign in to vote.

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>
   
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.

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




CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100