Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Also stick to bottom of StickyContainer

See original GitHub issue

Hi there!

Not sure if this project is still being maintained, but I was wondering if there is a way to the Sticky element to not only stick when you scroll past the top of the StickyContainer but also stick to the bottom of the StickyContainer too rather than jump back to it’s original top position?

Thanks 😃

Issue Analytics

State:
Created 7 years ago
Reactions:11
Comments:13 (2 by maintainers)

Top GitHub Comments

2reactions

oldocommented, Jun 19, 2017

@kosanna I ended up taking @ShyamRaj’s suggestion and am now using react-stickky which allows you to specify the id of the container that you’d like it to stick to the bottom of 😃

1reaction

RZsamcommented, Nov 28, 2020

I’ve switched to react-sticky-box and it’s doing ok

Top Results From Across the Web

CSS Position Sticky - How It Really Works! - Elad Shechter

CSS position sticky has two main parts, sticky item & sticky container. ... But you can also use it to stick elements to...

Set Position Sticky to bottom of page - ThemeFusion

Any suggestions on how I can get it to stick to the bottom? The obvious way is to set a value for the...

How does the "position: sticky;" property work? - Stack Overflow

The element is positioned according to the normal flow of the document, and then offset relative to its nearest scrolling ancestor and containing...

eh-react-bottom-sticky - npm

react-sticky works by calculating the position of a <Sticky> component relative to a <StickyContainer> component. If it would be outside the ...

Sticky | Foundation for Sites 6 Docs

Stick nearly anything, anywhere you like! ... <div class="cell small-6 right" data-sticky-container> <div class="sticky" ... You can also stick to bottom.