iPhone Safari smooth scroll issue

Asked Sep 23 '20 at 05:30

Active Sep 23 '20 at 05:30

Viewed 289 times

How do I get rid of this black area that appears when I scroll up in the iPhone Safari without disabling the smooth scroll?

I tried NoBounce js, but it is not working for me.

I also tried this CSS solution (from here):

html {
    height  : 100%;
    overflow: scroll;
    position: relative;
}
body {
    height  : 100%;
    overflow: auto;
    position: relative;
}

But this disabled the smooth scroll function and also it makes the iphone Safari footer sticky as in the below GIF:

asked Sep 23 '20 at 05:30

Raghavendra N

Add [`scroll-behavior: smooth;`](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior). – Rayees AC Sep 23 '20 at 05:31
Should I add this css `body` element? – Raghavendra N Sep 23 '20 at 05:33
Add to `html{scroll-behavior: smooth;}` – Rayees AC Sep 23 '20 at 05:34
`scroll-behavior` is not supported in Safari: https://caniuse.com/?search=scroll-behavior – Raghavendra N Sep 23 '20 at 05:36
Then , [this might helps](https://stackoverflow.com/questions/56011205/is-there-a-safari-equivalent-for-scroll-behavior-smooth/56011281) – Rayees AC Sep 23 '20 at 05:38

0 Answers0