Is there a way to have a footer inside the scroll container, but outside the scroll element?
See original GitHub issueGiven the following structure
<div class="scroll-container">
<div class="scroll-element">
<-- body content -->
</div>
<div class="footer"></div>
</div>
Is there any way to have the footer scroll into view at the bottom as if it were in the scroll element? Due to the page templating system I’m using, it is problematic to move the footer and body content into another div.
Issue Analytics
- State:
- Created 2 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Fixed header, footer with scrollable content
It works great for both known and unknown height elements. Make sure to set the outer div to height: 100%; and reset the...
Read more >overscroll-behavior - CSS: Cascading Style Sheets | MDN
This is the inner container. Focus on this container, scroll to the bottom and when you reach the bottom keep scrolling. If you...
Read more >How to keep your footer where it belongs ?
For a quick fix, you can absolutely position the footer at the bottom of the page. But this comes with its own downside....
Read more >A Clever Sticky Footer Technique
Upon hearing “sticky footer” these days, I would think most people imagine a position: sticky situation where a footer element appears fixed ...
Read more >position: sticky is Amazing
Sticky position is perfect for things like the iOS style list headings. Scroll the content and watch the headings stick once they hit...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
That seems to have worked in my particular use case. Having recently looked into scroll-jacking libraries, I can say that ASScroll has been the absolute best. Thanks!
As for as I can tell, this issue no longer present in Firefox Developer edition, but persists in Chrome and standard Firefox.