Есть ли способ динамически раскрыть DIV, похожий на способ, которым Lazy Load задерживает загрузку изображений

Question

Как я могу скрыть DIV, пока он не будет прокручен?

Я хочу ускорить загрузку нескольких больших фоновых изображений, потому что они не являются элементами IMG, Lazy Load на самом деле не вариант. Другие вещи, которые я рассмотрел, включают разделение моей страницы на три части и использование плагина бесконечной прокрутки и замену фоновых изображений IMG ниже в z-index.

Большое спасибо!

Answer 1

Все фоновые изображения CSS загружаются вскоре после анализа таблицы стилей. Вы не можете загрузить их быстрее. Если они большие, рассмотрите лучшее сжатие. Использование нескольких меньших не заставит их загружаться быстрее, потому что у вас есть нагрузка на сеть для каждого изображения в верхней части времени загрузки.

Вы можете создать «ленивую загрузку», добавив "display:none" к вашему DIV и используйте $('divName').fadeIn('slow') после загрузки страницы.