Jquery Fancybox高度/向下滚动

Question

我在我的网站上使用fancybox来显示某些页面。

我的问题是，我不知道如何将其设置为固定高度，并在必要时向下滚动以查看更多内容（如果内容超出了fancybox的特定高度参数）。

以下是我在页面中使用的参数：

<script>
$(document).ready(function() {
    $(".fancybox_link").fancybox({
    'width'             : 680,
    'height'            : 550,
    'autoScale'         : false,
    'autoDimensions'    : false,
    'scrolling'         : 'no',
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'              : 'iframe'
    });
});
</script>

我应该怎么做才能让内容在高度上流动并带有滚动条呢？ 谢谢。

- dana

Answer 1

编辑：是“Scrolling：'yes'”参数不起作用吗？

否则，我认为您可以编辑/覆盖Fancybox CSS：

#fancybox-content {
    height: 680px;
    width: 550px;
    padding: 0;
    margin: 0;
    overflow: scroll;
}

或者类似于这样。我在之前的一个项目中做过这样的事情，但是没有代码在手，无法给出确切的语法。

- Akarun

---

抱歉，我没有看到你的编辑，因为我在顶部。那将是正确的答案...在这种情况下，CSS规则是误导性的。 - JFK

是的...如果我没记错的话，我之前使用过CSS和Fancybox的旧版本。 - Akarun

在这种情况下，您不需要修改fancybox的CSS文件。 - JFK

Answer 2

您实际上需要设置选项

'scrolling' : 'yes',

那将在fancybox内创建滚动条，以便您可以浏览长内容。

- JFK

---

@Akarun 先看到了，只需忽略他关于 CSS 的评论。 - JFK

Answer 3

尝试使用：

'autoSize' : false

- Carlos Carhuamaca