#javascript #css #overflow #modal-dialog
#javascript #css #переполнение #модальный диалог
Вопрос:
Я пытаюсь реализовать модальное всплывающее окно, подобное тому, как facebook делает это для предварительного просмотра фотографий. Из того, что я проверил, тело становится overflow:hidden, а модальное поле становится overflow-y:scroll.
Однако на моем веб-сайте для firefox есть ошибка, из-за которой, когда я меняю элемент overflow с auto на hidden, он сбрасывает положение прокрутки страницы. В Chrome этого не происходит. Любое обходное решение / исправление для этого? Спасибо!
Редактировать:
Спасибо за вашу помощь. Пожалуйста, посмотрите на jsfiddle http://jsfiddle.net/k3evQ/7 /.
Очень признателен!!!
Комментарии:
1. Можете ли вы предоставить ссылку или скрипку, чтобы показать это? Звучит неправильно. В этой скрипке вы можете видеть, что наведение курсора мыши на красный не сбрасывает положение прокрутки — jsfiddle.net/k3evQ/1
2. Да … пример с исходным кодом определенно необходим. Кроме того, вы пробовали некоторые модальные плагины? goo.gl/iqf76 (Совет: Reveal by ZURB отлично подходит и легко настраивается для запросов @media, если это необходимо)
3. Спасибо за вашу помощь. Я пересмотрел ваш jsfiddle. В принципе, я бы поместил модальное всплывающее окно внутри большего модального окна, чтобы у него был выцветший фон. jsfiddle.net/k3evQ/7
Ответ №1:
В итоге я отказался от идеи изменить переполнение на скрытое. В любом случае спасибо за вашу помощь.