ScrollReveal.js -在单击或事件中显示所有项目？

Question

是否有一种方法可以用滚动显示一个点击事件来显示所有的项目？，也许是一个显示所有函数？

问题：

我使用滚动显示以及同位素。同位素的分类功能与卷轴反应异常。

当我点击一个“过滤器”按钮时，我调用的是同位素函数过滤器。

 $grid.isotope({filter: '.fish-filter'}); // example

然而，如果我在点击上述文件按钮后向下滚动，我的网格上就会出现漏洞，在通过滚动显示所有项目之后，我必须“重新单击”该按钮。

谢谢！！

更新

我在这里添加了布局调用--这至少修复了以前存在的漏洞：

window.sr = ScrollReveal({
    beforeReveal: function (domEl) {
        //$grid.isotope( 'layout'); // fixes holes
    },
    afterReveal: function (domEl) {
        $grid.isotope('layout');
    }
});

然而-新过滤的项目不会“褪色”，因为他们对卷轴显示，他们的“瓷砖”，就像从同位素造型。理想的情况是显示全部和布局场景--这样你就不会注意到动画中的任何差异--或者另一种情况可能只是简单的不断衰落，而不管点击了哪些过滤器。

更新更新

我们决定把所有的瓷砖都做成同样的高度，这样就不再有问题了。

谢谢

Answer 1

异速表有一个叫做中继的函数。您可以像这样使用$grid.isotope( 'reLayout', callback )

您可以阅读docs 这里

考虑到您正在经历的问题，此函数可能更有用。

然而，要具体回答您的问题:同位素只是添加了一个类来隐藏项目，所以您可以使用这样的函数来“重置”

$('button').on('click', function() { 
    //You can reset the CSS 
    $('.isotope-hidden').removeClass('isotope-hidden');
    //Or you can use the isotope filter reset. 
    $grid.isotope({ filter: '*' });
});