javascript - 使用带有ajax内容的fancybox时如何防止外部滚动?

标签 javascript jquery html fancybox fancybox-2

我正在使用fancyBox将 Ajax 内容加载为:

<a href="/example.html" class="fancybox fancybox.ajax">Example</a>

<script>
$(document).ready(function() {
    $('.fancybox').fancybox();
});
</script>

文档说,如果您设置以下内容,则可以防止外部滚动:

scrollOutside = false

但这在加载ajax内容时不起作用。

如何防止fancyBox可见时不出现fancyBox外部的滚动?

最佳答案

试试这个:

 $(document).ready(function() {
    $('.fancybox').fancybox({
        scrollOutside: false
    });
});

关于javascript - 使用带有ajax内容的fancybox时如何防止外部滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15733554/

相关文章:

javascript - 如果在带类的有序列表下隐藏 div

javascript - 用于图像圆形裁剪的 CSS/JS

javascript - 让 Jquery 在 html5 <template> 标签中使用 div

javascript - Jquery UI 自动完成 JSON 文件的结果

jquery - 获取可见 div 的类,然后添加 .到找到的每个类的前面

javascript - 为javascript创建按钮

html - 将长 HTML 表格换行到下一行

html - 3 张图片并排放置,每张图片上方有文字(每张 2 个词,以换行符分隔),整个内容居中

javascript - 在没有 DateJS 的情况下在 jQuery 中解析日期

jquery - 用户脚本 Jquery 可以识别所有键码事件吗