Scrolling in Modal makes background scroll on Safari

[kristianbendren]

Hi everyone,

I need to have some help with an annoying thing.
I have an modal popup which has vertical scrollsbar inside. When scrolling inside the modal sometimes the background scrolls instead.
I have tried to add

body .modal-open {
position:relative;
overflow: hidden;
}

which works fine on most of the browsers, but Safari for my iPhone still scrolls!

Please help me find how to solve this!

Regards Kristian

[cvrebert]

Duplicate of #3361?

v3.0 is slated to fix this. Until then, maybe try http://jschr.github.io/bootstrap-modal/ ?

[mdo]

What @cvrebert said.

[kristianbendren]

Hi again,

thanks for your reply. I have tried the page but the problem is the same there.
When is the v.3.0 supposed to be released?

Many thanks!

[alexanderstocker]

$('body').css('overflow','hidden');
$('body').css('position','fixed');
Did it for me.

[ghost]

Thanks to @alexanderstocker for his response. The overflow hidden part wasn't working by itself, but the position: fixed did the trick for me!