У меня более 2000 пикселей прокручиваемого содержимого на странице.
Если пользователь нажимает div
, всплывает прокручиваемый контент в простомодальном окне. Теперь мой клиент хочет сделать исходную страницу не прокручиваемой, пока модальное окно открыто. (Конечно, модальное окно должно быть прокручено.)
Возможно ли это вообще?
Изменить: Я попробовал ваши предложения. В основном это работает, но проблема немного сложнее:
$(".foReadMoreLink a").click(function(){
if ($('#modalBox').length == 0)
$('body').append('<div style="display:none" id="modalBox"></div>')
$('body').css({'overflow':'hidden'});
$.post('jquery/loadarticle.php',{id:$(this).attr('id')},function(data){
$('#modalBox').html(data).modal({overlayClose:'true'});
})
return false;
});
Я использую return false для ссылок, чтобы боты и пользователи без JavaScript (да, это 2%) могли открывать статьи. С приведенным выше кодом он работает, как ожидалось, но после закрытия модального окна мне нужно вернуть полосу прокрутки, но этот код не будет работать:
$(".foReadMoreLink a").click(function(){
if ($('#modalBox').length == 0)
$('body').append('<div style="display:none" id="modalBox"></div>')
$('body').css({'overflow':'hidden'});
$.post('jquery/loadarticle.php',{id:$(this).attr('id')},function(data){
$('#modalBox').html(data).modal({onClose:function(){$('body').css({'overflow':'auto'})},overlayClose:'true'});
})
return false;
});