## Sticky sidebar

stick to top
stick to bottom

### A

aaaaaaaaaaaaa
aaaaaaaaaaaaa
aaaaaaaaaaaaa
aaaaaaaaaaaaa

### B

bbbbbbbbbbbbb
bbbbbbbbbbbbb
bbbbbbbbbbbbb
bbbbbbbbbbbbb

### C

ccccccccccccc
ccccccccccccc
ccccccccccccc
ccccccccccccc

When `position:sticky` was the new hotness, Filament Group came out with an excellent polyfill to give the Apple Safari experience to other browsers.

But since that time, sticky has had mixed fortunes. Apple still encourage it and Mozilla adopted it, but since the switch to the blink engine, Google Chrome has dropped it while they focus on squeezing scrolling performance from their render pipeline. Meanwhile, IE doesn't look likely to adopt it. With patchy support, you'd think it would die out, but I find more and more reasons to have this sort of behaviour.

Unfortunately the filament group polyfill was built for a specific usecase - the address book style sticky header (see right). There's no support for elements hitting the bottom of a container and sticking there, so more awkward use cases like the sticky sidebar (see left) are not possible.

This is a fork of fixedsticky that tries to fix that.

On github

BTW - I'm still working on this before I send a PR through to filament group - Sticking to the bottom of the capture area is pretty much done, I want the destroy method to work reliably, I'm testing for memory leaks and I need to do a bit of documentation to make implementation as simple as possible.