Sidebars that move independently?

Community Forums Forums Design Tips and Tricks Sidebars that move independently?

This topic is: not resolved

Tagged: 

This topic contains 2 replies, has 2 voices, and was last updated by  ithacaindy 2 years ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #449

    ithacaindy
    Participant
    Post count: 47

    I’d like to display a sidebar that moves independently of the main content area. ¬†Normally, when a reader scrolls up or down a sidebar, the main content area also scrolls. How can I accomplish this? Examples: qz.com and thenextweb.com.

     

    • This topic was modified 2 years ago by  ithacaindy.
    • This topic was modified 2 years ago by  ithacaindy.
    #454

    nickthegeek
    Keymaster
    Post count: 756

    This is going to require JS and some fancy CSS to make happen. The simple part is set your sidebars to position: fixed;

    But if you notice, the thenextweb.com site fixes the sidebar position but it uses JS to let the header show, then the sidebar to slide up and get fixed in another position. There is probably some other magic happening that fits them to teh size of the screen too.

    #456

    ithacaindy
    Participant
    Post count: 47

    Thanks, Nick. This sounds like something beyond my skill level and will likely go on my to-do list for later. Appreciate the overview, though.

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

The topic ‘Sidebars that move independently?’ is closed to new replies.