Как избавиться от двойного скролла?

Question

[parnasmi]

Всем привет. На данном странице есть карточка товаров. Если навести мышку на фото товара появляется иконка "глазок". Если нажать на него, всплывает модальное окно. Но, при этом появляется лишний скролл справа. Как можно от этого избавиться. Спасибо заранее за советы и помощь.

Answer 1

[Андрей Федоров]

Когда модальное окно активно нужно чтобы у body был position:fixed.

Comments

[OneTwoThreeFourFive]

Если у body будет fixed, а модальное окно вызвано в конце страницы, то при закрытии модального окна пользователь переместится в начало страницы. Лучше добавить overflow: hidden.

Answer 2

[tyzberd]

у вас добавлено

html.popup-nomove, body.popup-nomove {
    overflow: visible !important;
    margin-right: auto !important;
}

усли убрать, будет норм

Comments

[tyzberd]

или тут удалить или поменять

$('.act-btn_prev').magnificPopup({
		type: 'inline',
		midClick: true,
		removalDelay: 300,
		mainClass: 'mfp-fade',
		// alignTop: false,
		callbacks: {
			open: function () {
				$('html').addClass('popup-nomove');
			},
			close: function () {
				$('html').removeClass('popup-nomove');
			}
		}
	});

[parnasmi]

Да, правильно. Спасибо.