treehouse : what would you like to learn today?
Web Design Web Development iOS Development

How is this done????

  • Hi all,
    These two links, http://deanoakley.com/ and http://www.jukkasoininen.com/ exploit horizontal scrolling perfectly. How do you make a site that functions in that way?
    Thanks
  • I cover one way to handle it here:
    http://css-tricks.com/how-to-create-a-h ... ling-site/

    Although it doesn't employ the auto-scrolling magic that the dean oakly site (for example) does.
  • yeah i sent a mail to the deanoakly asking where or how did he learn how to do that effect on his site but that was like 2 weeks ago :( i've been wanting to do something like that for months now just havent figured out how to do it
  • "chriscoyier" said:
    I cover one way to handle it here:
    http://css-tricks.com/how-to-create-a-h ... ling-site/

    Although it doesn't employ the auto-scrolling magic that the dean oakly site (for example) does.


    No thats great thank you I will give it ago. Do you know how or where there is a more natural alternative i.e without the use of javascript?
  • the horizontal scroll (just the basics), should be easy enough, just say how wide the frame is going to be and how high it is going to be.

    the background make static, so that does not move

    make divs float left and add in your page content to a div add a name="page1" then link to it like a href="#page1".

    then I would say use a bit of javascript using jQuery to get the smooth scrolling effect.

    you could look at the code, by view/source