Challenge 2 / 2

Based on the last question, if I wanted my footer frame to load lazily, only when the user scrolls down to the footer of my page, how can I achieve this?

<turbo-frame id="contact-numbers" src="{{ path('contact_numbers') }}" data-turbo-frame="lazy"></turbo-frame>

<turbo-frame id="contact-numbers" src="{{ path('contact_numbers') }}" data-turbo-load="lazy"></turbo-frame>

<turbo-frame id="contact-numbers" src="{{ path('contact_numbers') }}" loading="lazy"></turbo-frame>

There is no such feature in Turbo Frames. All of your frames will load as soon as the <turbo-frame> elements are ready in the DOM.

Rewatch the video