Vertical scrolling of content

[rat scabies]

I am looking for a dynamic library, that enables me to add a vertical
scrolling with link buttons to web page, something like on this site:

http://www.morellc.com/

or this site (but vertical instead of horizontal), click the 'oikeaan reunaan' button on top to see the effect:

http://www.taivaanlahja.com/referenssit/


Any ideas where to look (or evenwhat keywords to use, I'm a total noob with js/dhtml).

cheers,
RS

[jscheuer1]

Your first example uses named anchors, see:

http://www.w3schools.com/html/html_links.asp

read the part "The Anchor Tag and the Name Attribute".

Basically they have a link like so:


<a href="#label">Goto Label</a>

Then, somewhere else on the page they have a named anchor:


<a name="label"></a>

This will move the page to that label when the link is clicked. They also have this behavior 'enhanced' with javascript to make it look more obvious that the page is moving but, that's the basics of it.

However, this design technique is flawed as, it assumes a certain height for the user's window. If the window is taller, as it is on my machine, the whole thing looks bad.

[boogyman]

hmm sorry for the BS post, but having the name "rat scabies" sounds like you like 12 :/ can you honestly say you couldn't think of a different name to register with?

[rat scabies]

Your first example uses named anchors, see:
They also have this behavior 'enhanced' with javascript to make it look more obvious that the page is moving but, that's the basics of it.

However, this design technique is flawed as, it assumes a certain height for the user's window. If the window is taller, as it is on my machine, the whole thing looks bad.

Ok, fine. How about the second example, there's the transition is smooth and done with some sort of js. Any way to achieve something similar, but vertically?

[rat scabies]

hmm sorry for the BS post, but having the name "rat scabies" sounds like you like 12 :/ can you honestly say you couldn't think of a different name to register with?

http://en.wikipedia.org/wiki/Rat_Scabies

And no. ;)

[boogyman]

It doesnt make it appropriate or any less vulgar or make you seem older. It is like "69" with teenage boys, its funny to a certain point, then it becomes distasteful.
If I ever went to a place and they said a musician, or anyone for that matter, was to perform with that stage name, I would make a point to NOT go see them. I would be very surprised if that guy books alot of shows with that name... unless he uses it out of some satirical standpoint of like a comedian/musician.

[jscheuer1]

It doesnt make it appropriate or any less vulgar or make you seem older. It is like "69" with teenage boys, its funny to a certain point, then it becomes distasteful.
If I ever went to a place and they said a musician, or anyone for that matter, was to perform with that stage name, I would make a point to NOT go see them. I would be very surprised if that guy books alot of shows with that name... unless he uses it out of some satirical standpoint of like a comedian/musician.

pissa,

Your username is toilet humor with an a on the end, get a life.

[jscheuer1]

Ok, fine. How about the second example, there's the transition is smooth and done with some sort of js. Any way to achieve something similar, but vertically?

That could be done but, all that one does is scroll to the end. It could be made to scroll to a given vertical spot but, I don't think you understood me. When done vertically, the appearance hinges on the height of the user's window. If you happen to have a window that is about 800X600, it works out well. If not, it looks pretty bad. If your window is - say, 1024X768, or larger as many folks have, there are repetitious looking sections.

P.S Love the band but, which one's Rat?

[jscheuer1]

Oh, if you still want the effect, ask the author or the folks at http://www.morellc.com about its terms of use:


/******************************************************************************
SI.MORE module v1.0

Generates and activates multiple instances of one anchor-based navigation, then
adds sliding onclick events (based on and including code originally created by
Travis Beckam of http://www.squidfingers.com | http://www.podlob.com)

******************************************************************************/

[boogyman]

pissa,
Your username is toilet humor with an a on the end, get a life.


Umm I see your interpretation of my name, but when I started using this id, I can assure you I did not think of toilet humor at all. I started with this "name" when I was 14 and like most young males I was a cocky immature lil kid, and my thoughts were that "I am the bomb". Yes I joined a yr ago under this name, I actually have stopped using it and I go by boogyman now, but there isnt a place in the user cp to change it. I have changed all of the sites I belong to my new name, so if you know of where in the CP to change it I will be glad to.

He was posting about that musician, like it was justifying that his name wasnt like a 12 yr old. I was mearly saying it was distasteful

[rat scabies]

Umm I see your interpretation of my name, but when I
He was posting about that musician, like it was justifying that his name wasnt like a 12 yr old. I was mearly saying it was distasteful

BTW, your name in Finnish means pee. I kid you not.

[rat scabies]

That could be done but, all that one does is scroll to the end. It could be made to scroll to a given vertical spot but, I don't think you understood me. When done vertically, the appearance hinges on the height of the user's window. If you happen to have a window that is about 800X600, it works out well. If not, it looks pretty bad. If your window is - say, 1024X768, or larger as many folks have, there are repetitious looking sections.


Ok, I see you point and I know how I can do it with just anchor tags. But then the page jumps directly to the anchor. What I would like to have, is the smooth scrolling effect as in the horizontal example. And I had in mind making the gaps between content much taller, so even with larger windows, only one item is shown. And then you could jump between items using navigation, and the transition would be scrolling the page, not jump.

Hope this is any more clear.

[rat scabies]

Btw, I found what I was looking for:

http://techfoolery.com/archives/2006/08/11/2021/