Tagged: dropdown menu, scrollbar
-
AuthorPosts
-
January 28, 2019 at 8:07 pm #1059784
Hi there,
I have a scrolling menu, which I achieved by adding the following:
.main_menu .menu ul {
height: 250px;
overflow: hidden;
overflow-y: scroll;
}I’d like the scrollbar to show permanently.
Is there a simple way to do this in the CSS?Many thanks
Stevo :-)January 29, 2019 at 6:04 am #1059889Hey Stevo,
Thank you for contacting us.
Menu and Scrollbar are both different elements. What exactly are you trying to do?
Please elaborate on the issue and upload a screenshot/mockup to one of the below sites and share the link here so we can help you better :)
https://snag.gy/
https://ctrlv.cz/en/
https://imgur.comBest regards,
VinayJanuary 29, 2019 at 10:38 am #1059929Hi there,
I have included a screenshot link to Dropbox in your Private Content.
This shows the dropdown menu – off of the main menu – which is already successfully scrolling (using the CSS code above).
I would like to add some CSS to have the scrollbar in that dropdown menu showing all the time, rather than just when you begin to scroll.
This will allow users to see that there are more items to scroll through.
Many thanks
SteveFebruary 1, 2019 at 8:20 am #1061407Hi,
Thanks for the update.
It’s possible but I don’t know why you need a scrollbar when the list of menu items are not that long. I mean the menu items are completely visible above the fold. Anyway, you can use this css code to display the scroll bar.
.sub-menu { overflow-y: scroll; }Best regards,
IsmaelFebruary 1, 2019 at 9:22 am #1061434Thank you Ismael. Appreciated:-)
Yes – the menu was made smaller to prevent the need for a scroll bar, but as the additions continue, this CSS code will still be very useful!
Regards
Stevo 😊February 3, 2019 at 3:41 pm #1062255Hi Stevo,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
