<script type="text/javascript" src="http://jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$('.modal') 
.on('shown', function(){ 
  console.log('show'); 
  $('body').css({overflow: 'hidden'}); 
}) 
.on('hidden', function(){ 
  $('body').css({overflow: ''}); 
}); 
</script>

.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}