Simplebar: Can't have sticky elements

Created on 28 Sep 2018  Â·  6Comments  Â·  Source: Grsmto/simplebar

I've stumbled upon another limitation of this implementation besides height: 100%. Can't have position: sticky elements. Please take a look at this example: https://jsfiddle.net/9eb13n2L/

Should it be caveat or should it be supported? If anyone finds a way to _magically_ make it work, Im all ears.

enhancement

Most helpful comment

Very cool! Updated example if anyone is interested: https://jsfiddle.net/9eb13n2L/3/

All 6 comments

Hey,
Thanks for your report.
You'll be happy to know that this will be supported in the new version of the plugin. I'm expecting an alpha release very soon.

It will be a big change on top of the current beta release so expect some bugs. But I want something to be testable next week.

This is released in latest beta version.

Very cool! Updated example if anyone is interested: https://jsfiddle.net/9eb13n2L/3/

@Grsmto the above demo by @adjourn seems broken; is this expected?
I just discovered your (awesome) work and trying to catch up with current state and how to do the thing I want: I have a sticky element (header) inside a div on which I apply simplebar and it keeps on scrolling along the rest of the content—let me know if I should open a new issue…

@jrgd there is a working example on the examples page, first one on the top left: http://grsmto.github.io/simplebar/examples

Was this page helpful?
0 / 5 - 0 ratings

Related issues

luky1984 picture luky1984  Â·  5Comments

barnu5 picture barnu5  Â·  5Comments

TheeOhioState picture TheeOhioState  Â·  6Comments

JoshClose picture JoshClose  Â·  7Comments

FuturFuturFutur picture FuturFuturFutur  Â·  4Comments