Grow your CSS skills. Land your dream job.

Sliding Content….?

  • # April 5, 2013 at 2:21 am

    I saw some site templates on wix.com that would transition the content on the page by sliding it on once you clicked a menu item. The content would slide onto the screen as the previous content would slide out to the left… It’s not a slide show or horizontal scrolling. What code would you use in order to duplicate this???

    Here is a link to one of the pages I’m talking about..

    http://www.wix.com/website-template/view/html/the-artist

    # April 5, 2013 at 3:17 am

    I could be wrong but this does seem to be using some sort of content slider (JS). You can find content sliders all over the web, there’s no default code for it.

    # April 5, 2013 at 7:28 am

    I thought that too at first, but the way it slides off the screen followed by the newly selected content doesn’t seems like any content slider I could find. They always just look like over sized slideshows.

    # April 5, 2013 at 2:20 pm

    I agree with Chris – it’s built like a slider but it just doesn’t have any of the controls. What I’m curious about is whether or not the content all loads at once. These are all definitely 1 page sites with scrolling content. But they seem to ease out of the page and then apply “display:none” or something similar.

    # April 6, 2013 at 6:50 pm

    Any idea how to code a page to do this?

    # April 6, 2013 at 8:16 pm

    You might want to take a look at `Tabs`. But then again, it might be simpler to create the jQuery yourself for the functionality to slide in content while sliding the former off the page.

    # April 6, 2013 at 8:26 pm

    Cool. Thanks!

    # April 6, 2013 at 8:55 pm

    Haven’t tried this, but always wanted to.

    http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/

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

You must be logged in to reply to this topic.

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