6 replies · opened Feb 19, 2018
Hi!
I am using index-fullscreen-video.html for my website and I have an issue with scrolling on mobile devices.
When scrolling the video seems to resize. This only happens the first time scrolling down and when scrolling the 'other' direction (up after scrolling down and vice versa). I have tested this in several iPhones, I'm not sure it if happens on other devices too.
Cant you help me with this issue?
Thank you kindly!
Hello,
The Full Screen area gets resized because the Address Bar gets resized on iPhone/iPad while scrolling. To remove the the Resizing effect, simply delete the following code from the SEMICOLON.documentOnResize > init: function() Function Block in the js/functions.js File:
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.
Hi,
It works.
Thanks a lot!
Cheers
Hi again,
Unfortunately this problem is reoccurring. However, only in Safari, not in Chrome (on my iPhone 6).
I hope you have a solution!
Thanks again.
Hello,
We have just checked out your Website and the Scrolling on Safari appears to be working fine according to your needs and does not resize when the address bar shrinks. Please consider checking this again. 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.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard