All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

Panel Style Website

  • # December 21, 2012 at 3:18 pm


    I’m looking for a good tutorial on how to create a panel style website, or whatever you’d call it. Here’s an example of one: Basically, I’m curious to know how to have the site scroll down to specific marker points upon menu item click instead of going to a new page. I’d build a site like this using a CMS like Joomla, WordPress, etc. Hope someone has some good recommendations!



    # December 21, 2012 at 3:27 pm

    It’s a combination of anchor links and parallax scrolling effects. Pretty nice site.

    Anchor locations are basically done by doing;

    Main Content

    Then adding another with the ID of the href you just made. So it then scrolls (instantly) down to that location. Using JQuery you can ease the change or animate it.

    # December 21, 2012 at 3:33 pm

    Awesome! Thank you. That sounds simpler than I thought.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed