Sticky Bar Test

Scroll down to see the sticky behavior of the preview and style bars.

Preview Bar - Icons will appear here
32px

Content Section 1

This is some content to demonstrate scrolling. The preview bar and style controls above should become sticky when you scroll past them.

Content Section 2

Keep scrolling to see the sticky behavior in action. Both bars should stick together at the top of the viewport.

Content Section 3

The preview bar and style controls are now connected and move together as one unit when sticky.

Content Section 4

Notice how the borders connect seamlessly between the two bars.

Content Section 5

The implementation uses Waypoint.js to trigger the sticky behavior.

Content Section 6

Scroll back up to see the bars return to their normal position.