Clever Geek Handbook

-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


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


source






More articles:


All Articles