Colorboxのモーダルの背景を一緒にスクロールさせず固定する方法

以前も質問をしましたが別の問題が発生したのでご教授ください。
このページを参考にColorboxの設定を行いましたがモーダルをクリックした時に
背景が固定されずスクロールされてしまいます。
モーダルを表示して背景をスクロールさせない方法を教えてください。

デモーページ
https://www.tam-tam.co.jp/tipsnote/sample/kanke/150805/

宜しくお願いいたします。

j
1<script>
2    $(document).ready(function(){
3        $('.close2').on('click', function(e){
4            e.preventDefault();
5            $.colorbox.close();
6            var position = $('#anchor_demo').offset().top;
7            window.scrollTo(0,position);
8        });
9
10    });
11</script>

html
1
2<div id="anchor_demo" class="section">
3<h2>アンカーリンク設定箇所</h2>
4</div>
5
6<div id="inline05" style="width:300px;text-align:center;background:#eee;padding:50px;">
7<p style="padding: 100px 30px 30px">ボタンでColorboxを閉じる</p>
8<p class="btn"><a href="#anchor_demo" class="close2">移動してからColorboxを閉じる</a></p>
9</div>
10
11<div id="anchor_demo" class="section">
12<h2>アンカーリンク設定箇所</h2>
13</div>
14
15
16<div style="display:none">
17<div id="inline05" style="width:300px;text-align:center;background:#eee;padding:50px;">
18<p style="padding: 100px 30px 30px">ボタンでColorboxを閉じる</p>
19<p class="btn"><a href="#anchor_demo" class="close2">移動してからColorboxを閉じる</a></p>
20</div>
21</div>