Prevent scrolling in Browser without overflow hidden

Asked Jul 19 '11 at 14:32

Active Jul 19 '11 at 14:58

Viewed 731 times

I have scrollable content in a popup on a page. If the bottom of the content in that popup is reached via scrolling, the scroll of the body should not happen, it should be locked, as long as the focus is in the popup.

I could just apply an temorary overflow:hidden to the body, but that would hide the main scrollbar of the body completely and make the page "shift", which I dont like to happen.

You can see what I mean in this testcase: http://jsfiddle.net/wVPDU/

Any ideas to fix this issue with may well with javascript/jQuery?

edited Jul 19 '11 at 14:58

asked Jul 19 '11 at 14:32

Björn

12,587
12
51
70

1

Maybe this is what you are looking for http://stackoverflow.com/questions/5802467/prevent-scrolling-of-parent-element – Jose Faeti Jul 19 '11 at 15:25
that seems to be the case. thank you for the link. – Björn Jul 19 '11 at 16:07

Prevent scrolling in Browser without overflow hidden

0 Answers0