DHTML Scroll Menu - Samples

What's New Features Installation DHTML Tuner GUI Javascript API Description of Files Supported Browsers Parameters Menu Items Individual Item Styles Individual Submenu Styles DHTML Menu Samples AJAX Dhtml Menu Dynamic DHTML Menu Cross Frame DHTML Menu DHTML Pop Up Menu DHTML Scroll Menu CSS DHTML Menu Objects Overlapping Filters and Effects Individual Styles Movable Menu DHTML Floating Menu Search Support Sound Support Multilevel Menu Multicolumn Menu Ways of Showing Sub Menus DHTML Image Menu Templates XP Style 1 XP Style 2 XP Style Taskbar Office Style 1 Office Style 2 Win98 Style MAC Style Simple Style 1 Simple Style 2 Animated Icons Multiple Styles Image-Based Menu Vista Style 1 Vista Style 2 Vista Style 3 Vista Style 4 Vista Style 5 Vista Style 6 Vista Style 7 Vista Style 8 Vista Style 1 Vista Style 2 Vista Style 3 Vista Style 4 Vista Style 5 Vista Style 6 Vista Style 7 Vista Style 8 Vista Style 9 Vista Style 10 Vista Style 11 Vista Style 12 Vista Style 13 Vista Style 14 Vista Style 15 Vista Style 16 Vista Style 17 Vista Style 1 Vista Style 2 Vista Style 3 Vista Style 4 Vista Style 5 Vista Style 6 Vista Style 7 Vista Style 8 Trial Version License Agreement Buy DHTML Menu Order Non-profit License Non-profit License Single Website License Developer License Recent Questions

Samples

DHTML Menu Samples

AJAX Dhtml Menu

Dynamic DHTML Menu

Cross Frame DHTML Menu

DHTML Pop Up Menu

DHTML Scroll Menu

Objects Overlapping

Filters and Effects

Individual Styles

DHTML Floating Menu

Multilevel Menu

Multicolumn Menu

Ways of Showing Sub Menus

DHTML Image Menu

XP Styles

XP Style Taskbar

Common Styles

Multiple Styles

Image-Based Menu

Vista Styles (Part 1)

Vista Styles (Part 2)

Vista Styles (Part 3)

DHTML Scroll Menu

Sometimes a web site has a large amount of links. And if you place all of them into your dhtml menu submenus will be very long. DHTML Scroll Menu offers the trick - when the top items or submenu items are larger than the visible area of the page the sub menu will be automatically decreased.
There is no need to use scrollbars or something like that to see all the sub menu items - just move your mouse to the bottom of a sub menu and it will be scrolled automatically!

View data-file of this sample

Use the following javascript menu parameters to enable/disable the "smart scrolling" for the main items and sub menus:

var smSmartScroll = 1;
var topSmartScroll = 1; (works if var menuWidth isn't empty only)

You will be able to specify height and width for each separate sub menu using the following menu parameters:

var smWidth = "100px";
var smHeight = "300px";

Copyright (c) 2012, DHTML-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \|
All rights reserved.	parallax scrolling \| bootstrap 4 \| free web editor \| jQuery Form \| jquery slideshow