WeCodePixels / theia-sticky-sidebar

Glues your website's sidebars, making them permanently visible while scrolling.
MIT License
569 stars 209 forks source link

Sidebar jumping when near footer #44

Closed edgarleijs closed 6 years ago

edgarleijs commented 7 years ago

Hi first of all thanks for this neat plugin! I used it in a few projects. In this one it's behaving strangely. When scrolling down and it's half way or near hitting footer it's starts to jump and sometimes adding loads of white space between the sidebar and footer.

I really tried to debug this one. Everything seems fine. Check out the test url: https://www.turnyourhead360.nl/projects/theia/test.html

Who can put me in the right direction?

edgarleijs commented 7 years ago

I found the issue myself. It's a CSS thing: Transition duration on *{} selector causes the issue. When adding transition on eg html{} or body{} it works fine

Cause flickering:

* {
  transition: all .1s ease-out;
}

No issues:

body {
  transition: all .1s ease-out;
}