当我单击加载 Fancybox 的链接时，整个背景页面会向右移动，以删除滚动条。我尝试按照其他论坛的建议添加这个 JS，但没有成功。下面有一个链接(点击品牌标题)，不知道为什么它会删除滚动条。
我加载对象就像
<div class="fancybox-hidden" style="display:none;">
<div id="post-<?php the_ID(); ?>" class="brand_list" style="width:800px !important;">
<h2>The Beers</h2>
<div class="beers">
<?php the_content(); ?>
<div class="clear"></div>
</div>
</div>
</div>
我尝试过的修复
<script type="text/javascript">
$(".fancybox").fancybox({
helpers: {
title: {
type: 'outside'
},
overlay: {
locked: false
}
}
});
</script>
最佳答案
滚动条被删除，因为 jquery.fancybox.pack.js 正在添加属性 overflow: hidden;到<body>通过类 .fancybox-lock 的元素每当显示 fancybox 时。有多种方法可以解决这个问题。
1) 修改 jquery.fancybox.pack.js 中的 javascript，以便在显示 fancybox 时不将此类添加到 body 元素。
2)修改jquery.fancybox.css(第169行)中的css，不添加overflow: hidden;属性为.fancybox-lock选择器。
3) 在您自己的 css 文件之一中，以及 !important声明 body 上的溢出属性以覆盖 fancybox css(即 body { overflow: auto !important; } )。
4)添加overflow: auto;直接作为内联样式 <body>标签。
关于jquery - Fancybox 删除滚动，移动页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18726897/