Question

Is it possible to remove scroll of body page when a modal window is opened from css?
For example my body page has a height:200% so if I want to go on the bottom of page I must use scroll (overflow-y:auto). Now if I will open a modal window the scroll of body page remain active and I want it be disabled when a modal window is opened.

Thank you.

Answer 1

If you are opening a modal window when a link is click you can do the following:

// modal screen activate
$('a').live('click', function(){
modalScreen.show();
$('body').css('overflow','hidden');
});

// modal screen de-activate
$('body, html').live('click', function(){
modalScreen.hide();
$('body').css('overflow','auto');
});