Question

我正在尝试打开colorbox onclick。没关系。但现在我想将colorbox height设置为auto（根据返回内容高度的高度），浏览器的滚动条将在colorbox内容高度的高度内滚动。这是我的代码

$('body').on('click', 'a.post', function(e) {
  e.preventDefault();
  $.colorbox({
    width: "850px",
    height: "600px",
    iframe: true,
    href:this.href
  });
});

有任何帮助吗？（提前谢谢）

Answer 1

您可以尝试通过height()方法使用高度：

var objHeight=$(window).height()-100; // reduce 100, so that it will fit in the container

$.colorbox({
   width: "850px",
   height: objHeight,
   iframe: true,
   href: this.href
});

Answer 2

为那些仍然可能有此问题的人发布答案

对于自动高度，这对我来说很漂亮，

<script type="text/javascript">
    function openColorBox() {
        $.colorbox({ 
          href: "Something.aspx",
          onComplete: function () {
                $(this).colorbox.resize();
          }  
      });
    }
</script>

如何在jquery colorbox中设置自动高度？

2 个答案: