jQuery Colorbox ウィンドが開いた時に背景を固定したい

Question

jQuery　Colorbox　ですがウインドが開いたときに背景がスクロールしてしまいます

<script>
	$(document).ready(function(){
	$(".iframe").colorbox({iframe:true, width:"90%", height:"90%"});
	$("#click").click(function(){ 
	$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
	return false;
	});
	});
</script>


<div id="container">
<div class="cssgrid">
  <div><a class='iframe' href="iframe.html"><img src="image/001.png" alt="" class="imgwrap"></a></div>
</div>
</div><!--container-->

このように記載していると背景がスクロールしてします。

調べたところ
以下のコードを
「こちらのコードをHTML、もしくはJavascriptのcolorbox呼び出し部分に記述するだけで、解決！！」というものを見つけましたが
<sctipt>の中に記載したり別な<sctipt>を用意して記載･･･
等色々とやったのですが全く動かず困っております
↓
参考にしたサイトURL
https://three-inc.jp/blog/colorbox-ios/

$.colorbox({
  ...
  fixed: true,
  onOpen: function() {
    var ycoord = $(window).scrollTop();
    $('#colorbox').data('ycoord',ycoord);
    ycoord = ycoord * -1;
    $('body').css('position','fixed').css('left','0px').css('right','0px').css('top',ycoord + 'px');
  },
  onClosed: function() {
    $('body').css('position','').css('left','auto').css('right','auto').css('top','auto');
    $(window).scrollTop($('#colorbox').data('ycoord'));
  }
})

初心者レベルなのでどうしていいのかわかりません

ご教示いただけますでしょうか
よろしくお願いします。

Answer 1

$(".iframe").colorbox({iframe:true, width:"90%", height:"90%"});

を

$(".iframe").colorbox({iframe:true, width:"90%", height:"90%",
　fixed: true,
  onOpen: function() {
    var ycoord = $(window).scrollTop();
    $('#colorbox').data('ycoord',ycoord);
    ycoord = ycoord * -1;
    $('body').css('position','fixed').css('left','0px').css('right','0px').css('top',ycoord + 'px');
  },
  onClosed: function() {
    $('body').css('position','').css('left','auto').css('right','auto').css('top','auto');
    $(window).scrollTop($('#colorbox').data('ycoord'));
  }
});

こう記載することで固定できました。