Is there a scrollable menu bar stack available?


(Lisa) #1

Hi, I’m looking for a menu stack where you can scroll through large amounts of linked pages and in which you can put on any page of your website, but not every page. Here’s an example of what I’d like: http://salmonpoetry.com/ (where it says ‘Quick search by author’).

Thanks,
Lisa


(Rob Beattie) #2

Something like Will’s free Options stack might do the trick?

https://stacks4stacks.com/options/


(Lisa) #3

Thanks, but it’s not scrollable. And it can only hold a maximum of 20 items. I need it to hold about 100.


(Will Woodgate) #4

@Lisa The example you have posted is a poor example (not on your part) of a website wrongly using forms as a method of navigation. It is not what a HTML select menu is designed to do; and therefore a number of potential usability and accessibility problems emerge. Typically a select menu is only used inside a contact form or similar, to present a list of choices.

It would be wiser to have a proper menu (like an unordered list) that can be clicked and opens to reveal a list of links. Something like MyMenu could work: https://seydesign.com/stacks/mymenu/

Or even a simple toggle stack (e.g. https://stacks4stacks.com/toggle) with custom CSS to give the revealed panel a fixed height and to make it scroll:

.toggleContainer {
max-height: 200px !important;
overflow: auto !important;
}

A list of 100 items or more could still be very long and tedious for a person to scroll through. I’d imagine it wouldn’t be terribly user friendly on touch devices. And the absence of scroll bars in some web browsers could bring the risk that people don’t realise your list of page links is scrollable. Have you considered a sitemap page, search box or live filtering system?


(Lisa) #5

Thanks Will.

To be honest, what you said about the problems with the select menu is completely above my head. I’m not that tech savvy; however, I did take your advice and had a look at MyMenu and while I don’t think that will work, I did then see Mega Menu, which I think should do the trick because in the example it shows the menu items can go on to two or more columns.

Lisa