SymfonyCasts stands united with the people of Ukraine

TRACK

JavaScript Frameworks & Tools >

COURSE

Symfony UX: Turbo >

CHAPTER

Using a Full HTML Page to Populate a Frame

Buy Access to Course

Challenge #2 of 2

Q:
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.