Fixed Position - Vertical Bottom-Left
This sample demonstrates a bottom-left-aligned vertical main menu with fixed position.
The following settings are used for the main menu in the last section (i.e. MENU TREE FEATURES) of the configuration file (c_config.js):
// MAIN-MENU FEATURES
'vertical', // ItemsArrangement ('vertical','horizontal')
'fixed', // Position ('relative','absolute','fixed')
'1em', // X Position (values in CSS valid units- px,em,ex)
'2em', // Y Position (values in CSS valid units- px,em,ex)
false, // RightToLeft display of the sub menus
true, // BottomToTop display of the sub menus
...
Please note that SmartMenus 6 supports fixed positioning in all modern browsers that support it natively. However, there are some exceptions which include Internet Explorer<7 on all platforms, browsers powered by Gecko prior to 20030312 (Mozilla<1.3) and iCab 3. In these browsers any menu tree that has "fixed" position set will appear as absolute-positioned by default.
If you would like to make these browsers emulate fixed positioning for any menu tree, you can use the following small add-on script (it's very simple to use - it just needs to be linked on the page): position:fixed for All Browsers
Download this sample
You can download the complete example or just see the configuration file and the images used for it.
