overflow:hidden jumps to top in Safari

Question

I try to achieve a scrollable lightbox without the effect of "furtherscrolling" the content behind it. So I set my html tag to "overflow:hidden" which works just fine in Chrome but not on Safari. Any ideas how to fix this?

score 1 · Answer 1 · answered Jan 06 '16 at 19:38

1

Try to add position:relative to your element

answered Jan 06 '16 at 19:38

Nikolay Gorb

63
1
5

score 0 · Answer 2 · edited May 23 '17 at 12:25

0

You have to disable momentum/inertia scrolling to make it work in iOS, have a look at this link. This worked for me

How to disable inertial scrolling on body for iOS browsers?

edited May 23 '17 at 12:25

Community

1
1

answered Mar 21 '17 at 19:16

Mentor

101
1
8

overflow:hidden jumps to top in Safari

2 Answers2