Looking for a "scrolling" navigation

6 Jan 2008 - 3:05pm
6 years ago
5 replies
1448 reads
Kiesel, Jeffrey...
2007

Hi All,

I'm trying to find an example of a navigation that scrolls down a
webpage as the user does. For example, let's say we have a page that
has a main content area and a left nav. When the user scrolls the page
down, I'd like the left nav to slide into view as soon as they stop
scrolling. It will always display at the top left of the section of the
page they are viewing. I know I've seen this somewhere, but I can't
find it.

I hesitate to refer to it as a fixed navigation, because there is a
scripted slide animation aspect to it.

Has anyone come across an example of this interaction?

Thanks,
~jeff
--------------------------------------------------------

This message w/attachments (message) may be privileged, confidential or proprietary, and if you are not an intended recipient, please notify the sender, do not use or share it and delete it. Unless specifically indicated, this message is not an offer to sell or a solicitation of any investment products or other financial product or service, an official confirmation of any transaction, or an official statement of Merrill Lynch. Subject to applicable law, Merrill Lynch may monitor, review and retain e-communications (EC) traveling through its networks/systems. The laws of the country of each sender/recipient may impact the handling of EC, and EC may be archived, supervised and produced in countries other than the country in which you are located. This message cannot be guaranteed to be secure or error-free. This message is subject to terms available at the following link: http://www.ml.com/e-communications_terms/. By messaging with Merrill Lynch you consent to the foregoing.
--------------------------------------------------------

Comments

6 Jan 2008 - 4:33pm
M S
2006

Hi,

I cant give you direct link to example.

However I just want to note that you can use "position: fixed" css
style, so left navigation will be always in place. It works fine in
IE7.
And see http://www.howtocreate.co.uk/fixedPosition.html for example
with fix for IE6.

--
Maxim

6 Jan 2008 - 5:03pm
benry
2008

Do you mean something like this?

http://www.marcofolio.net/webdesign/create_a_sticky_sidebar_or_box.html

- Scott

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=24219

7 Jan 2008 - 3:46am
martinpolley
2007

>
> I hesitate to refer to it as a fixed navigation, because there is a
> scripted slide animation aspect to it.
>

rememberthemilk <http://www.rememberthemilk.com> has something similar to
what you describe. (You need to log in to see it though.)

HTH,

--
Martin Polley
Technical Communicator
+972 52 3864280
<http://capcloud.com/>

7 Jan 2008 - 9:29am
russwilson
2005

We implemented this exact method for one of our enterprise products and have
had
mixed reactions (some love it, some find it distracting because it moves
with the user).
I can provide a screenshot if desired.
- Russ

On Jan 7, 2008 2:46 AM, Martin Polley <martin.polley at gmail.com> wrote:

> >
> > I hesitate to refer to it as a fixed navigation, because there is a
> > scripted slide animation aspect to it.
> >
>
> rememberthemilk <http://www.rememberthemilk.com> has something similar to
> what you describe. (You need to log in to see it though.)
>
> HTH,
>
> --
> Martin Polley
> Technical Communicator
> +972 52 3864280
> <http://capcloud.com/>
> ________________________________________________________________
> *Come to IxDA Interaction08 | Savannah*
> February 8-10, 2008 in Savannah, GA, USA
> Register today: http://interaction08.ixda.org/
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help
>

--
Russell Wilson
Vice President, Product Design
NetQoS
Personal Blog: http://www.dexodesign.com

7 Jan 2008 - 11:25am
Jeff Seager
2007

I've seen a few nicely implemented commercial versions of what you
describe, Jeff, but the nuts and bolts are explained succinctly here:
http://www.w3.org/Style/Examples/007/menus.html

... and this links to some good experiments in a variety of CSS menu
implementations:
http://www.cssplay.co.uk/menus/

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=24219

Syndicate content Get the feed