jquery - jquery ajaxオーバーレイは画面の半分しかカバーしません

Question

従来の呼び出しを行っている間$.ajax(...)、オーバーレイが画面に表示されますが、ページを下にスクロールすると、オーバーレイがページ全体をカバーしていません。

すべての ajax 開始オーバーレイを正しく表示するにはどうすればよいですか?

編集：

コードは次のとおりです。

<script type="text/css">
.overlay {
   position: fixed;
}
</script>

<script type="text/javascript">
$(document).ready(function (){

    $('a.trigger').click(function(event){
        event.preventDefault();
        var href = $(this).attr('href');
        $.ajax({
            type: 'POST',
            url: href,
            dataType: "json",
            data: {
                'somekey' : 'value'
            }});
        .done(function(data){
            // do something
        });

    });
});
</script>

EDIT2：

Zend Framework の下にあることを忘れていました。