Фонд Модального полупрозрачный фон отрежет

Question

Хорошо, так вот демо-сайт: http://hayati.yahyauddin.com/

Чтобы увидеть модальность, наведите курсор мыши на продукт и нажмите кнопку увеличения для отображения быстрого просмотра для данного продукта.

Если вы продолжите прокрутку вниз, вы увидите, что серый полупрозрачный фон останавливается. Эта проблема возникает независимо от размера экрана!

Почему это происходит и как я могу это исправить?

Примечание: Эта проблема, кажется, не происходит на веб-сайте фонда: http://foundation.zurb.com/docs/components/reveal.html

Answer 1

Ребята из Zurb изменили свое положение по умолчанию от фиксированного до абсолютного (я не понял почему), затем они передумали и снова вернулись к исправлению.

Это было реализовано в 5.5.1 https://github.com/zurb/foundation/commit/45f9b407ffeeca4b44c5a2afde4f0e58abf4bb78

обновление поможет :)

Answer 2

Я, кажется, вроде исправили проблему. проблема заключалась в том, что в _reveal.scss позиция была установлена ​​как абсолютно странно. Есть комментарий, который говорит allows modal background to extend beyond window position для микса. Это явно не так.

Я только что изменил position: absolute на position: fixed, и он работает!

Оставьте комментарий, чтобы понять, почему вы думаете, что разработчики сделали это.