Sticky Responsive Sidebar

[realph]

I have a sidebar that sits within my content, at full width I need it to follow the scroll and stop when it hits a breakpoint.

When at tablet sizes or smaller I need it to stick to bottom of the page (so it’s always seen) and when it hits a breakpoint return to the normal flow of the document.

For example from position: fixed; to position: relative.

I’ve created a CodePen here with the basic markup, have no idea how to execute my idea in Javascript.

http://codepen.io/realph/pen/kvKou

Any help is appreciated.

Thanks in advance!

[georgearnall]

This is in the wrong place, it should be in CSS Combat.

Anyway, why do you want to use javascript. Your code seems to be working fine. This is exactly what media queries are for.

[Author]

Posts