-webkit-overflow-scrolling: touch drag: hidden
I am working on a webapp for ordering some images ( Website ).
Now, on my iphone, it didn't scroll exactly, so I added -webkit-overflow-scrolling: touch
. But now I can scroll vertically by looking here .
I have already tried adding -webkit-overflow-scrolling: touch
to other elements but with no success. There is also no success on change overflow
.
This issue is reproducible on iphone only.
If anyone has any idea how to fix this problem, I would be so glad!
+3
NinjaOnSafari
source
to share
1 answer
I just added a new container. This fixed my problem for the IPhone.
* {
-webkit-overflow-scrolling: touch;
}
.container {
width: 100%;
max-width: 100%;
position: absolute;
top: 37px;
left: 0;
right: 0;
bottom: 0;
overflow-x: hidden;
}
0
NinjaOnSafari
source
to share