leafo / sticky-kit

A jQuery plugin for creating smart sticky elements
http://leafo.net/sticky-kit
2.91k stars 520 forks source link

Flickering in Safari #177

Open apaul314 opened 8 years ago

apaul314 commented 8 years ago

In Safari sticky cannot work with { recalc_every: 1 } option without flickering unlike Chrom / Firefox

skillmatic-co commented 8 years ago

Same here. Anyone have an alternative library for doing this?

sergiofruto commented 8 years ago

I'm having the same issue. I have a markdown change and I need to use the { recalc_every: 1 } in order to avoid an overlapping. It's working great in Chrome/FF but it flickers a lot in Safari.

sergiofruto commented 8 years ago

@hose314 @tenold I just updated the library to v1.1.2 and now I don't need to use the { recalc_every: 1 }.

dimitrov-adrian commented 8 years ago

Trying with 1.1.2 and latest dev (1.1.3) but flickering does not going out. Any fixes?

jitan16 commented 8 years ago

I'm having the same here. flicker and bouncy in Safari browser.

botaylortravismathew commented 8 years ago

Has anyone solved this issue? I need this to work in safari :-\

mvdve commented 7 years ago

It looks like that there is an issue with elements where the display property is inline or block.

In my case i used a div element. Setting the display property to inline-block solved the flickering issue for me. Works fine in all other browsers.

value32 commented 7 years ago

seems to me that the parent container must not be positioned absolute but relative. So using the good old float:left and so on did the trick for me...

ihaettypo commented 6 years ago

I think you guys should read this https://github.com/leafo/sticky-kit/wiki/Troubleshooting, spacer: false solved the problem for me

justinasweb commented 5 years ago

Problem still exists on Safari. Sticky elements are flickering on scroll with recalc_every: 1. Does anyone have a solution? I tried setting the parent to display: inline-block, tried setting parent and spacer selectors with the same structure like here but the problem still exists.