Чтобы скроллбар не появлялся при закрытии модального окна в Bootstrap, можно использовать следующий подход:
1. Назначьте класс или идентификатор для вашего модального окна. Например, дайте ему класс "my-modal".
2. Добавьте следующий CSS-код, чтобы скрыть скроллбар только для модального окна:
.my-modal {
overflow: hidden;
}
Это свойство overflow скроет скроллбар при закрытии модального окна.
3. Добавьте обработчик события для закрытия модального окна. Вам нужно будет использовать JavaScript или jQuery для этого. Например, если вы используете jQuery, вы можете сделать следующее:
$('#myModal').on('hidden.bs.modal', function (e) {
$('.my-modal').css('overflow', 'auto');
});
Этот код будет сбрасывать значение overflow на auto, когда модальное окно закрывается. Таким образом, скроллбар вернется на место после закрытия модального окна.
Помимо указанного метода, существует и другие способы, такие как использование свойства overflow: hidden на элементе <body>, но это может привести к проблемам с прокруткой других элементов на странице.
В любом случае, рекомендуется тестировать вашу реализацию на разных браузерах и устройствах, чтобы убедиться, что она работает должным образом.