Scrolling Full Screen Background Image on IOS Devices

Question

Hi Semicolonweb,

thanks for your great template.

I've got a problem. I've realising a website based on your one-page template (Package-HTML/HTML/ONE-PAGE/index.html).
When I scroll the website on a iOS Device the Full Screen Background Image zooms at scrolling – It is jumping bigger, then it is jumping back.
I've realised that this behavior is on your original file.

What can I do? Please help. Thank You!

Regards,

gunness

SemiColonWeb · Accepted Answer

Hello,

Thanks for your Patience!

This issue occurs because of the Address Bar resizing in iOS Devices which resized the Height of the Image to Full Screen. To fix this issue, simply find and delete the following code in the js/functions.js File from the SEMICOLON.documentOnResize > init: function() Function Block:

SEMICOLON.initialize.fullScreen();

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

gunness · Answer

Hi Semicolonweb, do you find a solution? Regards, gunness

gunness · Answer

Hello SemiColonWeb,

thank you!

I've deleted the code in functions.js in line 3521. And it works on Iphone (portrait + landscape) and Ipad (portrait). Unfortunately it doesn`t work on Ipad landscape mode.

Can you please take a look again and find a solution.

Thanks.

Regards,

gunness

Semicolon Web · Answer

Hello,

We have checked this out for you and this appears to be working fine for us on the iPad Landscape Mode too as the Full Screen functionality has been disabled from all the Devices. Can you please consider trying checking this again along with clearing your iPad's Browser Cache as this should fix the issue. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.