Jquery Fancybox高度/向下滚动

时间:2012-04-05 14:35:38

标签: javascript jquery 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>

我该怎么做才能使内容流动高度滚动条? 谢谢。

3 个答案:

答案 0 :(得分:3)

修改:“滚动:'是'”参数不起作用吗?

否则,我认为,您可以编辑/覆盖Fancybox CSS:

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

或类似的东西。我已经为之前的项目做了这个,但没有手头的代码来为您提供确切的语法。

答案 1 :(得分:2)

您实际上需要设置选项

'scrolling' : 'yes',

这将在fancybox中创建滚动条,以便您可以浏览长内容。

答案 2 :(得分:0)

尝试:

'autoSize':false