javascript - Safari jerky / flickering on $(window).scroll function -
i'm coming across issue in safari - image flickers or jerks while scrolling, when altering height of 1 element , margin of on page scroll.
this working smoothly , expected far in chrome / firefox (osx), you'll see issue on safari here:
http://jsfiddle.net/y1lrnd24/7/
$(window).scroll(function () { var imgheight = 300; var scrolltop = $(window).scrolltop(); var slideheight = imgheight - scrolltop; var margintop = scrolltop; if (slideheight > 0) { $('.slide').css('height', slideheight); $('#slide-holder').css('paddingtop', margintop); } });
(may better illustrated in full-screen: https://jsfiddle.net/y1lrnd24/7/embedded/result/ )
has clues? tried altering margintop paddingtop, had no effect.
any appreciated - hoping quick fix!
edit: thought should add here 'bug' visible when using mouse wheel...
actually, looking @ jsfiddle in safari looks totally normal me. makes me suspect else - plugins installed in safari? have tried reset safari?
http://osxdaily.com/2014/01/09/fix-safari-problems-mac-reset/
from i've read, chrome , safari use same/similar rendering engines...kind of sounds if 1 working , other isn't, might issue safari.
Comments
Post a Comment