FL3NKEY / scroll-lock

🔨 Cross-browser JavaScript library to disable scrolling page
MIT License
275 stars 37 forks source link

safari ios 13.5, body is not locked #18

Open n19htz opened 4 years ago

n19htz commented 4 years ago

As the title says, body lock works everywhere just fine but safari on ios. How to deal with safari on ios devices? The only thing i found could work is to set additionaly body to position fixed but it breaks scroll position after.

niklasgrewe commented 4 years ago

@n19htz i have no issues, using an iPad with iOS 13.5.1 i have tested this demo: https://fl3nkey.github.io/scroll-lock/demos/index.html#ex-main

n19htz commented 4 years ago

For some reasons I get page scroll locked only if there is no bottom ios natvice bottombar. If I scroll up bottom ios native bar disappears and on its place is a gap. If you try to touchscroll on this gap - the page is scrolling as usually

joostvanhoof commented 3 years ago

@n19htz I'm currently running into the same issue. Did you manage to fix this? For others reading this I've put a video below. You can see that if you scroll in the bottom part (where the toolbar normally is) you can still scroll. This is using the body-scroll-lock library but it's the same for this one.

https://user-images.githubusercontent.com/5268113/103812549-f3101f00-505e-11eb-8c7a-d373c948348b.MOV

alpabuz commented 3 years ago

I wonder if there are plans to fix this issue soon ... body-scroll-lock seems to have fixed this issue in the latest update (https://github.com/willmcpo/body-scroll-lock/issues/206)