javascript - 摆脱 fancybox iframe 上无用的滚动条

标签 javascript html css fancybox

我有一些内容想用 fancybox 在 iframe 中显示。当我使用它时,它会弹出水平和垂直滚动条,即使所有内容都在其中。在 Firefox 中检查它表明,当我单击 html 时,所有内容都在里面,但在突出显示的框外还有一点剩余。下一层是 iframe.fancybox-iframe,它包含滚动条。我查看了 css,它的填充和边距设置为零,所以我不知道为什么会有滚动条。现在就选项而言,我只有 autoSize:false。我要显示的页面正文中只有一个表单。

最佳答案

如果有人想知道使用哪个类名

.fancybox-inner {
    overflow: hidden !important;
}

如果您发现一个小的白色背景,您可以使用以下方法重置它

.fancybox-skin {
    background: inherit;
}

关于javascript - 摆脱 fancybox iframe 上无用的滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10115086/

相关文章:

html - Twitter bootstrap 风格继承与 jinja2

css - 绝对位置和 Canvas

jquery - 对 Angular 线 Angular 到 Angular div

javascript - 防止页面在后退按钮上重新加载(使用缓存)。或者向下滚动用户。 (问题,至少,iPhone)

Javascript - 写入屏幕宽度屏幕尺寸

javascript - 包含站点逻辑的安全和 JavaScript 文件

html - 如何让一个div填满所有水平空间

javascript - 如何优化多个点击事件?

javascript - 使用启用了 Html5 模式的 Angular Ui Router 时,页面重新加载失败

html - 在 div 中使用鼠标滚轮水平滚动