prevent from hide body scrollbar when show semantic ui modal - semantic-ui

Question

i'm using semantic-ui framework for show modal.
problem is that when click button to show modal, first hide body scrollbar and later show modal and when close modal, body scrollbar show and page move to left .
now i need to prevent from hide body scrollbar when show modal. please help . tnx
<div class="ui modal">
<i class="close icon"></i>
<div class="header">
Profile Picture
</div>
<div class="image content">
<div class="ui medium image">
<img src="/images/avatar/large/chris.jpg">
</div>
<div class="description">
<div class="ui header">We've auto-chosen a profile image for you.</div>
<p>We've grabbed the following image from the gravatar image associated with your registered e-mail address.</p>
<p>Is it okay to use this photo?</p>
</div>
</div>
<div class="actions">
<div class="ui black deny button">
Nope
</div>
<div class="ui positive right labeled icon button">
Yep, that's me
<i class="checkmark icon"></i>
</div>
</div>
</div>
jquery statements is
$( ".nh-compare-page-title-sec" ).on( "click", function(){
$('.ui.modal').modal('show');
});