CODEWITHSUNDEEP
javascripthtmlcssiframe
jryankennedy
jryankennedy

Reputation: 111

How to load an iframe when scrolled to?

I have an animation in an iframe, but I don't want it to load until you scroll down to it. Is this possible? Thanks!

Upvotes: 1

Views: 610

Answers (1)

emn178
emn178

Reputation: 1492

You could try my project https://github.com/emn178/jquery-lazyload-any.
Lazyload youtube iframe demo: http://emn178.github.io/jquery-lazyload-any/samples/youtube/

Usage:

<div class=".lazyload">
  <!--
    <iframe src="xxx" />
  -->
</div>
<script>
  $('.lazyload').lazyload();
</script>

Upvotes: 2

Related Questions