Skip to main content

Forums

This topic contains 4 replies, has 0 voices, and was last updated by  Insane-Rocket 10 years, 7 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #23983

    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

    #53225

    Chris Coyier
    Keymaster

    This reply has been reported for inappropriate content.

    I cover one way to handle it here:
    https://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.

    #53226

    stray
    Member

    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

    #53229
    "chriscoyier" wrote:
    I cover one way to handle it here:
    https://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?

    #53242

    ikthius
    Member

    This reply has been reported for inappropriate content.

    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.

icon-link icon-logo-star icon-search icon-star