当用户到达在bootstrap模式中打开的页面底部时，如何获得警报？

Question

我编写了一个适用于html和body部分的脚本。但是这个脚本在打开时不适用于模态。

SCRIPT

 $(window).scroll(function() {
    if ($('body').height() <= ($(window).height() + $(window).scrollTop())) {
       $zopim(function() {
                $zopim.livechat.button.hide();
        });
        $('.zopim').css('display','none');
//                        alert('Bottom reached!');
    }
    else{
            $zopim(function() {
                    $zopim.livechat.button.show();                  
            });
    }
});

此滚动功能正常工作。我希望模态内容发生同样的事情

<div id="buildingModal" class="modal fade closeModal" role="dialog">
        <div class="modal-dialog" style="width:100%;margin: 0px auto;">
           <!-- Modal content-->
           <div class="modal-content">  
             <div class="modal-body modalIframe">
               <iframe id="iframe" src="abc.php" frameborder="0" width="100%"></iframe>
             </div>
         </div>
     </div>
</div>