ANDREW-UA

Подскажите пожалуйста как написать скрипт или пример скрипта. Требуется чтобы при открытии модального окна к body добавлялся стиль padding-right: 17px; или скрипт вычислял ширину скрола ! При закрытии модального окна этот стиль отменялся, проблема заключается добавить отступ на ширину скрола в body при открытом модальном окне, на данном моменте происходит смещение контента из за исчезающего скрола при открытом модальном окне. Так же чтобы скрипт мог содержать несколько ID, так как много окон с разными ID для вызова Строка кода вызывающая модальное окно <div class="btn-custom btn-color-green mb5 open-modal schema-color-button" data-id-modal="modal-order-service"> Прошу помогите, я в JS как первокласник Заранее всем спасибо ! Интересует только JS решение

Да правильно, если увеличивать и уменьшать изображения методом тягать браузер по ширине, оно не срабатывает , но на сайт заходят с устройств мобильных и десктоп, если так то всё работает как положено для различных версий и экранов < 992 px.

Добрый день всем ! Я не силен в этом деле ,прошу помощи у вас , как это сделать ? Как сделать выполнение скрипта только при разрешении экрана < 992 px <script> var lastScrollTop = 0; window.addEventListener("scroll", function(){ var st = window.pageYOffset || document.documentElement.scrollTop; if (st > lastScrollTop){ document.getElementById("floating-menu-mobile").style.bottom = "-100%"; } else { document.getElementById("floating-menu-mobile").style.bottom = "0"; } lastScrollTop = st; }, false); </script> Вот решение ! Сам сделал <script> if(window.innerWidth < 992) { var lastScrollTop = 0; window.addEventListener("scroll", function(){ var st = window.pageYOffset || document.documentElement.scrollTop; if (st > lastScrollTop){ document.getElementById("floating-menu-mobile").style.bottom = "-100%"; } else { document.getElementById("floating-menu-mobile").style.bottom = "0"; } lastScrollTop = st; }, false); } </script>