MENU'S
left
right
centered
 ≡ 
About Services Clients Contact About Services Clients Contact About Services Clients Contact About Services Clients Contact About Services Clients Contact About Services Clients End

Side Toggle Menu
Menu slides into view from the right

This page contains a script that forces the vertical scrollbar of a long right side toggle menu to show at the left side of the menu when the window has a vertical scrollbar too (the script knows when the window has a scrollbar). This takes away the ugliness of double scroll bars appearing next to each other when the menu (sliding into view from the right) positions itself next to the window's scroll bar.
When the window has no vertical scrollbar, the menu's scrollbar has its default position and the menu button moves to a position immediately to the left of the scrollbar (when the menu is opened).
 
Close the menu if it's opened then resize / shrink the window before clicking on the menu button to see the different results.
 
View the (commented) source of this page for info and explanations. See also this for a right side toggle menu that can be used on pages whose content is put inside a container div. That menu always shows on top of the container div, which implies that there will never be two vertical scrollbars on the page at the same time, even if both the container div and the menu have a vertical scrollbar.