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:closed
  • Created 7 years ago
  • Reactions:11
  • Comments:13 (2 by maintainers)

github_iconTop GitHub Comments

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 😃

RZsamcommented, Nov 28, 2020

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

Read more comments on GitHub >

github_iconTop 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...
Read more >
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...
Read more >
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...
Read more >
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 ...
Read more >
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.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found