leafo/sticky-kit

using inside of ul

Opened this issue · 1 comments

Hey,

So I am using this awesome sticky-kit on a sidebar on a woocommerce page layout. My sidebar is nested inside of a <ul> with the id of products. So the <ul> should be the parent. But instead it is sticking it inside of the parent div to the <ul> which is the page-content div.

Can I define the <ul> as the parent? Or is this an issue where it will only stick in parent divs?

Thanks so much for your awesome kit.

Cheers,
Sean

It was because I had bottoming: false to stop it from jumping to the top when I reached the bottom. So it would actually not stay stuck on the bottom either way. When it was set to false it went past the bottom and when it is set to true or removed it jumps to the top when I reach the bottom.

So is there a way for me to get it to just stop and not go outside of its parent when I reach the bottom?

Based on this:
parent — The element will be the parent of the sticky item. The dimensions of the parent control when the sticky element bottoms out. Defaults to the closest parent of the sticky element. Can be a selector...

... I thought if bottoming was set to false I thought it would just stop at the bottom of the ul but It is going way past that and falling behind my footer.

Cheers,
Sean