JS Blokada Scrolla - Okienko "Modal"

Witam serdecznie.

Mam dorzucony modal do DVZ Shoutbox który zawiera emotki.

Po kliknięciu w przycisk otwiera mi się okienko z uśmieszkami, natomiast chciałbym aby właśnie podczas otwartego okienka z emotami nie można było przesuwać strony, żeby wyłączyć scroll na całej stronie do momentu zamknięcia modala z emotkami.

Mam taki skrypt i nie mam za bardzo pojęcia jak go przerobić

<script>    
$('.smilie_dvz').click(function() {        
var smilie = $(this).attr("alt"),            
inputValue = $('#dvz_input').val();        
$('#dvz_input').val(inputValue + smilie);        
$('#smilies_modal').css("display", "none");    
});    
$('#smilies_modal_open').click(function(event) {        
event.preventDefault();        
$('#smilies_modal').css("display", "block");     });
$('#smilies_modal_close').click(function() {        
$('#smilies_modal').hide()    });
</script>

Czy jest ktoś w stanie pomóc?


$('.smilie_dvz').click(function() {
   var smilie = $(this).attr("alt"),
       inputValue = $('#dvz_input').val();
   $('#dvz_input').val(inputValue + smilie);
   $('#smilies_modal').css("display", "none");
});
$('#smilies_modal_open').click(function(event) {
   event.preventDefault();
   $('#smilies_modal').css("display", "block");
  $('body').css("overflow", "hidden");
});
$('#smilies_modal_close').click(function() {
   $('#smilies_modal').hide();
  $('body').css("overflow", "auto");
});


Super działa
Dziękuję!