我一直在尝试触发类似于页面大小调整的项目的包装动画。我希望在切换整页幻灯片时重新排序包装项目。我愿意使用不同的方法,但我已经开始尝试使用fit方法,在fullpage.js回调时触发" onSlideLeave"和#34; afterSlideload"发生。我的想法是从整个网格的左侧移动一个项目以强制重新洗牌动画。我在codepen上创建了一个简化的测试用例,reduced test case。
enter code here
我确定我错过了一些东西,或者我正朝着错误的方向前进,所以任何帮助都会很棒,谢谢!值得一提的是我正在使用jquery方法进行打包。
答案 0 :(得分:1)
显然,如果我发现自己做错了什么,我可以回答我自己的问题,所以我希望这不是一个糟糕的礼节。正如我评论的那样,我没有将数组编号传递给fit方法。一旦我通过它,一切都按照应有的方式进行。我能够使用fullpage.js库中的现有变量来提供索引号。 fixed codepen
var move = $('.move');
$('.grid').packery( 'fit', move[slideIndex], 0, 0 );