Php 延迟滑块加载直到滚动

我正在建立一个wordpress网站的主页，主页上有几个主滑块，我想延迟滑块的加载，直到用户向下滚动到它们为止。我正在尝试重新创建此页面上创建的效果

起初，我以为这个页面上的所有元素都是使用主滑块创建的，但经过检查，只有顶部是主滑块，我假设其余部分是使用JS制作的。向下滚动到下一行后，下一行的所有行仅会显示动画

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

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

i、 e

是否可以像上面那样将对php模板的调用封装在jQueryIF语句中

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

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

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

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