延迟滑块加载直到滚动

Question

我正在构建一个wordpress网站的主页，上面有几个主滑块，我想延迟滑块的负载，直到用户向下滚动它们为止。我正在尝试重新创建在此页面上创建的效果http://www.masterslider.com/wordpress/pro/

起初我认为这个页面上的所有元素都是使用主滑块创建的，但经过检查，只有顶部是一个主滑块，我假设其余的都使用JS动画。只有在向下滚动到它们之后，所有向下的行才会生成动画。

任何有关如何使用滑块重新创建此效果的帮助都将不胜感激。

我想我可以将每个调用都包装到一些js / jquery中的滑块中，该js / jquery会监视窗口的滚动高度

即。

  $(window).scroll(function() {
       if ( $(document).scrollTop() > 100 ) {

             <?php masterslider(1); ?>
       }
  });

  $(window).scroll(function() {
       if ( $(document).scrollTop() > 400 ) {

             <?php masterslider(2); ?>
        }
  });

是否可以在上面的jQuery if语句中包装对php模板的调用？