2013-02-19 1 views
1

colorbox onclick을 열려고합니다. 괜찮아. 하지만 이제 colorbox 높이를 auto (반환 된 콘텐츠 높이의 높이에 따라)로 설정하고 브라우저의 스크롤 막대를 colorbox 콘텐츠 높이 높이 내에서 스크롤 할 수있게하려고합니다. 내 코드는 여기jquery colorbox에서 자동 높이를 설정하는 방법은 무엇입니까?

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

어떤 도움이 필요합니까? 당신은 height() 방법을 통해 높이를 사용하여 시도 할 수 있습니다

+0

나는 colorbox 사이트에서 코드의이 부분을 시도하지만 솔루션 $ ('a.post') 한 colorbox.resize을().; – rafi

+0

자동 높이를 원한다면 600px로 설정되는 이유는 무엇입니까? – andyb

+0

@andyb - 높이 옵션을 지정하지 않고이 작업을 시도했지만 약 30 ~ 40 픽셀 높이가됩니다. 그래서 ... .... – rafi

답변

3

(미리 감사) :

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 
}); 
+0

참고 자료를 제공하면 도움이 될 수 있습니다. 실제로 pinterest.com과 같은 모달 창을 만들려고합니다. @anydb – rafi

+0

당신의 대답은 도움이되지만 무엇을하려고하는 것이 아닙니다. – rafi

1

이 아름답게 나를 위해 일한 여전히 자동 높이 들어이 문제

가있을 수 있습니다 사람들에 대한 대답을 게시,

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