如何禁用 fancybox 窗口背景中的操作
http://www.monmouthchineseschool.com/
如果您点击“信息”下的“员工”，将会打开一个 fancybox 窗口。这是它的 jQuery 代码。
<script>
jQuery(document).ready(function() {
jQuery("a.fancybox").fancybox({
'hideOnContentClick' : false
});
jQuery("a.fancy_iframe").fancybox({
'width' : '95%',
'height' : '95%',
'autoScale' : false,
'type' : 'iframe',
'centerOnScroll' : true,
'onStart' : function() {
$("body").css({'overflow':'hidden'});
},
'onClosed' : function() {
$("body").css({"overflow":"visible"});
}
});
});
</script>
overflow:hidden 删除了主窗口中的滚动条，但如果您单击“Mandarin”，它仍然会移动背景页面。
另外，我将如何将滚动条从模式框“转移”到父窗口，类似于 Facebook 的新剧院模式。
http://www.monmouthchineseschool.com/
if you click on 'Staff' under 'Information' a fancybox window will open up. Here is the jQuery code for it.
<script>
jQuery(document).ready(function() {
jQuery("a.fancybox").fancybox({
'hideOnContentClick' : false
});
jQuery("a.fancy_iframe").fancybox({
'width' : '95%',
'height' : '95%',
'autoScale' : false,
'type' : 'iframe',
'centerOnScroll' : true,
'onStart' : function() {
$("body").css({'overflow':'hidden'});
},
'onClosed' : function() {
$("body").css({"overflow":"visible"});
}
});
});
</script>
The overflow:hidden removes the scroll bar in the main window, but then if you click on 'Mandarin', it will still move the background page.
Also on a separate note, how would I 'transfer' the scrollbar from the modal box to the parent window, similar to Facebook's new theater mode.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我看到您在
jQuery('...')块中使用$("..")。你有尝试过这样的改变吗？I see you are using
$("..")insidejQuery('...')block. Have you try to change like this?