sticky-sidebar
sticky-sidebar copied to clipboard
Sidebar flickering or springing upon arriving at bottom or top
This flickering or springing just happens once each time the sidebar arrive to its top after it reach bottom side, vise versa. This only happens on Firefox, on Chrome it works fine. And on Firefox, if smooth scrolling enabled this bug is gone, but a lot of people disabling this smooth scroll.
Here's the screen capture https://youtu.be/G10Ls_NPCRA Maybe seems unnoticeable on your demo, but on real site with pictures on sidebar it really bothering.
This happens when the position changed from relative to fixed, but Firefox not changing it on time, a litle bit delayed, causing it to springing. You can't see this bug when the dev tool open, you have to close it. Is there any way to fix this? Thanks
Edit: My screencapture video on Youtube got removed, here's another video of it https://streamable.com/swlfu
I also have faced this issue. Even more jerking while using accordions on content area. However I manage to fix the maximum flickering by disabling the "ResizeSensor.js" with resizeSensor: false
But this particular jerkin that @zom243 has shown is still there.
Here is how my layout looks like
|- container
|- sidebar
|- content area
I don't have any content on my content area except one title but I have lots of content on sidebar which eventually increases the height of container.
Now when i scroll to the bottom, sticky sidebar flickers. This is not issue if I add content on content area making it longer than sidebar.
Alternatively using javascript I have to detect whether content area is longer than sidebar or not and only make sticky sidebar when it is.
Hi,
I've been experiencing flickering with sticky sidebar if when you you reach at the bottom and reloading the page it flickers and it stops when you the page have finished reloading or when you start scrolling.
Here is an gif file showing how it behaves.
Has anyone figured out how to fix this issue? It seems the plugin isn't properly reading the height of all the elements in the sidebar
I have the same issue - with and without ResizeSensor. I can make it behave correctly if I change the size of the browser (i.e. by dragging is wider).