2

This style is being used more and more, but cannot figure out a proper term to call it.

Constraints: Universal scrollbar, user can scroll from any mouse location in the viewport with the same effect. Each section scrolls in parallel until a section runs out of content, it pins to the bottom of the screen. Scrolling back up, each section's content starts scrolling once the longest page has reached the length of the section content.

Most visible in Facebook with its right-hand notifications and infinite scrolling content. A similar effect is visible on this very StackExchange "ask" page when entering a question: the suggestions scroll until out of space then stay static, the main content continues to scroll.

| improve this question | |
5

Those are floating (side) navigation. I have used sticky float jquery plugin in the past to implement it.

| improve this answer | |
  • That's a good general term. We've since come to call it "pinned" sidebars to clarify that the referred content may still scroll with the page in some cases. The Scrollerama [johnpolacek.github.io/superscrollorama/] website examples are helpful for visualizing. – Will Budreau Apr 8 '14 at 12:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.