[ArtemY777]

Доброго времени суток! начинаю только изучать .js. У себя на сайте вывел модульное окно при клике на строку

прокручивание странице на фоне убрал через overflow:hidden

при закрытие модульного окна на крестик возвращаю body overflow:scroll

при клике за пределами окна оно тоже закрывается, но не пойму как вернуть body overflow:scroll



подскажите пожалуйста как вернуть?

//вызов модального окна
var modal = document.getElementById('myModal');
var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("closex")[0];

btn.onclick = function() {
    modal.style.display = "block";
    $('body').css('overflow','hidden'); // при открытие фиксация экрана
}

span.onclick = function() {
    modal.style.display = "none";
    $('body').css('overflow','scroll'); // при закрытии скрол экрана
}

<div class="modal-button-window">
                            <a id="myBtn">Не знаете код краски?</a>
                      </div>


                        <div id="myModal" class="modal">
                              <div class="modal-content-window">
                                     <div class="modal-block">
                                          <button class="closex" data-dismiss="modal">x</button>  
                                          <div class="modal-body">
                                               <p>текст</p>
                                         </div>
                                    </div>
                             </div>
                         </div>