我在页面上有超过2000像素需要滚动的内容。
如果用户点击一个
,则一个可滚动的内容将在simplemodal窗口中弹出。现在我的客户希望在弹出模态窗口时使原始页面不可滚动。(当然,模态窗口仍应该可滚动。)
这是否可能?
编辑:我已经尝试了你们的建议。基本上是可以的,但问题有点复杂:
$(".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;
});