Infinite scroll skrollr宽度无限滚动不工作

我同时使用了很棒的插件skrollr和InfiniteSroll，但是，当其他帖子被加载时，skrollr就会停止

skrollr仅在其他立柱加载之前的高度工作

是否有可能使它与无限卷轴一起工作

现在HTML是这样的

<div class="scroll r r1" data-0="background-position:center 100px;" data-end="background-position:center 200px;;"></div>
<div class="scroll r r2" data-0="background-position:center 100px;" data-end="background-position:center 400px;"></div>

<script type="text/javascript">
jQuery(window).load(function() {     var s = skrollr.init(); });
</script>

多谢各位

编辑1：

另一个是这样的

<div class="scroll r r1" data-0="background-position:center 100px;" data-end="background-position:center 200px;;"></div>
<div class="scroll r r2" data-0="background-position:center 100px;" data-end="background-position:center 400px;"></div>

<script src="<?php echo get_template_directory_uri(); ?>/js/skrollr.min.js" type="text/javascript"></script>

<script type="text/javascript">
jQuery(window).load(function() {     var s = skrollr.init(); skrollrInstance.refresh(.eachnews);});
</script>

<div class="scroll r r1" data-0="background-position:center 100px;" data-end="background-position:center 200px;;"></div>
<div class="scroll r r2" data-0="background-position:center 100px;" data-end="background-position:center 400px;"></div>

<script type="text/javascript">

jQuery(window).load(function() {     var s = skrollr.init(); });

jQuery('.eachnews').load(function() {     skrollrInstance.refresh('.eachnews'); });

</script>

另一个是这样的

<div class="scroll r r1" data-0="background-position:center 100px;" data-end="background-position:center 200px;;"></div>
<div class="scroll r r2" data-0="background-position:center 100px;" data-end="background-position:center 400px;"></div>

<script src="<?php echo get_template_directory_uri(); ?>/js/skrollr.min.js" type="text/javascript"></script>

<script type="text/javascript">
jQuery(window).load(function() {     var s = skrollr.init(); skrollrInstance.refresh(.eachnews);});
</script>

<div class="scroll r r1" data-0="background-position:center 100px;" data-end="background-position:center 200px;;"></div>
<div class="scroll r r2" data-0="background-position:center 100px;" data-end="background-position:center 400px;"></div>

<script type="text/javascript">

jQuery(window).load(function() {     var s = skrollr.init(); });

jQuery('.eachnews').load(function() {     skrollrInstance.refresh('.eachnews'); });

</script>

---

我很抱歉我的技术，但如果你能教我如何使它工作，我真的很感激。

谢谢你的支持。我成功了

加载新元素后，我需要调用skrollr.get.refresh；一点也不

skrollrInstance.refresharrayOfNewElements和skrollr.get.refresharrayOfNewElements；不知怎的，这不管用

我希望这能帮助别人

jQuery(function(){
    jQuery('.news').infinitescroll({
        navSelector  : "div.nav-previous",
        nextSelector : "div.nav-previous a",
        itemSelector : ".eachnews",
        bufferPx: 500,
loading: {
        img:"url/images/loading.gif",
        speed: 'fast',
        finishedMsg:"<div class='done'><p>no more entries</p></div>",
        msgText:""
    }
    },
function(arrayOfNewElems){
skrollr.get().refresh();
});
});

---

谢谢。

加载新元素后，请致电skrollrInstance.RefreshArrayOfNewElements感谢您的及时重播。我试了几次，但没有成功。我很抱歉我的答谢不好。请检查我在下面做了什么。很抱歉，我无法理解如何在这里正确键入和换行。