Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Panel Style Website

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #41513
    nickwinters
    Participant

    Hello,

    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: http://www.calmdigital.com/. 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!

    Cheers,

    NW

    #118497
    Andy Howells
    Participant

    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.

    #118503
    nickwinters
    Participant

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

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.