Lazy-loading Script using yepnope.js

lazy-load-scripts-yepnope

function loadWhenVisible(domElement, script, callback) {
  var rect = domElement.getBoundingClientRect();

  if (rect.top >= 0 && rect.left >= 0 &&
       rect.bottom <= window.innerHeight &&
         rect.right <= window.innerWidth) {
      yepnope.injectJs(script, function(){
      
        if (callback) { callback(); }
      });
  }

$(function(){
  var loadScript = function(){
    var anchor = document.getElementById("my-id");
                    
    loadWhenVisible(anchor, "js/third_party.js", function(){
      console.log("Hi!");
    });
  };
  
  $(window).on('resize', loadScript).on('scroll', loadScript);
 });}