Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: Vertical scrolling of content

  1. #1
    Join Date
    Apr 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Vertical scrolling of content

    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
    Last edited by rat scabies; 04-23-2007 at 01:57 PM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

    HTML Code:
    <a href="#label">Goto Label</a>
    Then, somewhere else on the page they have a named anchor:

    HTML Code:
    <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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    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?

  4. #4
    Join Date
    Apr 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    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?

  5. #5
    Join Date
    Apr 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by pissa View Post
    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.

  6. #6
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    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.

  7. #7
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by pissa View Post
    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  8. #8
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by rat scabies View Post
    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?
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  9. #9
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

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

    Code:
    /******************************************************************************
     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)
     
     ******************************************************************************/
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  10. #10
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •