Grow your CSS skills. Land your dream job.

How is this done????

  • # January 17, 2009 at 4:42 pm

    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

    # January 17, 2009 at 5:27 pm

    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.

    # January 17, 2009 at 5:59 pm

    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

    # January 17, 2009 at 6:38 pm
    "chriscoyier" wrote:
    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?

    # January 18, 2009 at 4:35 am

    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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".