| | |
Fly-over menu ???
Please support our Site Layout and Usability advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
Is there any chance I could possibly have this sort of fly-over menu (http://www.milonic.com/mfa/2005-July/006245.html) on my website as well, allowing the menu to STAY APPEARED on the top part of their window, even when they scroll down.
My CSS based website can be seen on: http://homepage.ntlworld.com/darsh25/
I want fly-over menu making it possible for BOTH "top menu" and "left menu" always appearing at the top edge of the window regardless of whether user are at top of the page or right at the end of the page.
My CSS based website can be seen on: http://homepage.ntlworld.com/darsh25/
I want fly-over menu making it possible for BOTH "top menu" and "left menu" always appearing at the top edge of the window regardless of whether user are at top of the page or right at the end of the page.
Nope, I'm NOT God, but I'm British (which is the next best thing ;)
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation:
Solved Threads: 35
Sure, it's possible, but I strongly recommend against it. Users find such non-intuitive features extremely disagreeable.
If you want to pursue it, research "JavaScript scrolltop" to point you in the right direction.
The issue is this: when thousands of users visit hundreds of thousands of pages, and the vast majority handle navigation a certain way, then, right or wrong, that becomes the expected way. It's called "User Expecatation" or "The User Model". Then, when your site violates that expectation, it creates irritation and annoyance: an unpleasant experience.
The only way to break through this is if your site COMPLETELY breaks the User Model - nothing is as expected, and the user is forced to "start over" and explore the new model. Some good examples are Flash sites: http://www.nike.com/nikeskateboarding/v2/main.html
So unless you want a completely avant-garde site, avoid scrolling menus!
If you want to pursue it, research "JavaScript scrolltop" to point you in the right direction.
The issue is this: when thousands of users visit hundreds of thousands of pages, and the vast majority handle navigation a certain way, then, right or wrong, that becomes the expected way. It's called "User Expecatation" or "The User Model". Then, when your site violates that expectation, it creates irritation and annoyance: an unpleasant experience.
The only way to break through this is if your site COMPLETELY breaks the User Model - nothing is as expected, and the user is forced to "start over" and explore the new model. Some good examples are Flash sites: http://www.nike.com/nikeskateboarding/v2/main.html
So unless you want a completely avant-garde site, avoid scrolling menus!
•
•
•
•
Originally Posted by tgreer
Sure, it's possible, but I strongly recommend against it. Users find such non-intuitive features extremely disagreeable.
If you want to pursue it, research "JavaScript scrolltop" to point you in the right direction.
The issue is this: when thousands of users visit hundreds of thousands of pages, and the vast majority handle navigation a certain way, then, right or wrong, that becomes the expected way. It's called "User Expecatation" or "The User Model". Then, when your site violates that expectation, it creates irritation and annoyance: an unpleasant experience.
The only way to break through this is if your site COMPLETELY breaks the User Model - nothing is as expected, and the user is forced to "start over" and explore the new model. Some good examples are Flash sites: http://www.nike.com/nikeskateboarding/v2/main.html
So unless you want a completely avant-garde site, avoid scrolling menus!
In fact, the reason, I thought of doing so, was cos of having a rather LONG page (such as "Whisky"), so in order to visit to different page, the user would've to scroll all the way up, which some might find little annoying.
However, in order to get rid of this frustration, I'll simply "split" such long pages into different pages, so user can access the sub-section through the "sub-menus" (as is the case, presently).
Nope, I'm NOT God, but I'm British (which is the next best thing ;)
I'm thinking (theoretically) you could accomplish this using only CSS (no JavaScript) by encasing the menu in a <div> and absolutely positioning relative to the top left coordinate of the browser window? Not entirely sure if it will scroll with you this way though ... I guess you would need to introduce DHTML or JavaScript or such.
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation:
Solved Threads: 35
The "conventional" method is to split the pages into separate pages, or to provide a "back to top" anchor at the end of each section. You can also investigate "frames", but they don't work well with drop-down or pop-out menus.
Dani: nope, it won't scroll. That's why sites that implement these awful scrolling menus always have a "delayed reaction". The user scrolls, and then the menu catches up. It's event-driven, and requires Javascript. I think it's tacky in the extreme. I find myself trying to read the content, and then the menu appears over it, so I scroll a bit, the menu jumps around... bad.
Dani: nope, it won't scroll. That's why sites that implement these awful scrolling menus always have a "delayed reaction". The user scrolls, and then the menu catches up. It's event-driven, and requires Javascript. I think it's tacky in the extreme. I find myself trying to read the content, and then the menu appears over it, so I scroll a bit, the menu jumps around... bad.
![]() |
Similar Threads
- php/mysql dynamic multi-level menu problem (MySQL)
- windows xp, nvidia geforce 4 ti bug (Windows NT / 2000 / XP)
- Fly-out menu and MAC browsers (HTML and CSS)
- Menu Fly Outs (Site Layout and Usability)
- Fly-out Menu in java script (Site Layout and Usability)
Other Threads in the Site Layout and Usability Forum
- Previous Thread: How to create a welcome page for my network
- Next Thread: help with dreamweaver and email
| Thread Tools | Search this Thread |
blogging content customer design development dreamweaver duplicate email evaluation filesharing firefox flash gilbane google html itunes javascript kazaa layout music napster peertopeer photoshop remote remoteserver satellitenavigation satnav server site tables template tips tomtom url wave web website websitedesignreview web_development web_sites







