css: Troubles with scrolling the mobile version of website on apple products (the scroll is super fast), however on android everything works perfectly

vendredi 10 juin 2016

Troubles with scrolling the mobile version of website on apple products (the scroll is super fast), however on android everything works perfectly

I have noticed, when I open mobile version of my website on android, scroll is perfect

scroll on android samsung

however, when I open the website on iphone, the scroll breaks and it gets unconctrollably fast

scroll on iphone

I also noticed that when opening on iphone, the code changes: there is new <div> and also body gets class="scroll_wrapper" even if these are not in the html file.

<body class="scroll_wrapper">
<noindex></noindex> 
<div id="webit_scroll_provider_wrapper" class="html" style="padding-top: 0px; padding-bottom: 0px; width: 100%; min-width: 480px;">

I have no idea what is wrong. Please help! In CSS file the .scroll wrapper is

.scroll_wrapper
{
	position: absolute;
	overflow: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

css

vendredi 10 juin 2016

Troubles with scrolling the mobile version of website on apple products (the scroll is super fast), however on android everything works perfectly

Aucun commentaire:

Enregistrer un commentaire