запретить скрывать полосу прокрутки тела при показе мод семантического интерфейса

Question

Я использую семантически-пользовательский интерфейс для модального шоу.проблема заключается в том, что при нажатии кнопки, чтобы показать модальное состояние, сначала скрыть полосу прокрутки тела, а затем показать модальное, а при закрытии модального режима, полоса прокрутки тела и страница перемещаются влево.Теперь мне нужно предотвратить скрытие полосы прокрутки тела при показе модальных.пожалуйста помоги .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 <a href="https://www.gravatar.com" target="_blank">gravatar</a> 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 операторов

$( ".nh-compare-page-title-sec" ).on( "click", function(){
      $('.ui.modal').modal('show');
});