jquery-backstretch / jquery-backstretch

Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. The image will stretch to fit the page/element, and will automatically resize as the window/element size changes.
http://www.jquery-backstretch.com
MIT License
3.91k stars 912 forks source link

Background Image Jumps when browser header disappears on Android phone #461

Open DaUrge opened 7 years ago

DaUrge commented 7 years ago

That basically covers it. The background image is set to be 100%. So when you scroll and the browser header disappears, the background image resizes. So it looks like it jumps.

Although it works beautifully to show the image, it jumps.

Is there a fix for this?

This is the script on my page:

<script src="http://srobbin.github.com/chosen/chosen.jquery.min.js"></script>
<script src="http://srobbin.github.com/intelligist/jquery.intelligist.min.js?v=1.0.5"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.3/jquery.backstretch.min.js"></script>