避免拖拽元素

Question

我正在使用Draggabilly和Packery构建一个优化的可拖放布局，如本代码所示：https://codepen.io/rafaF/pen/MWjvjqO

我对如何使用Packery/Draggabily有一些疑问。

• 第一个问题是如何转换en元素“不拖放”，即避免拖放。我没有初始化它的Draggabilly实例就实现了这一点，但是我也不希望在拖动其他元素时排序。

另一方面，

• 无法在Packery布局上设置固定高度，以限制一列中有多少元素适合。我的想法是，如果将元素移动到没有空闲空间的列，则最底层的元素应该移动到另一列。我还没有找到任何办法来做到这一点。

Answer 1

在您创建的Draggabilly实例中，已启用和禁用开关。所以，如果你不需要它，就禁用它吧。

第二部分必须手动解决，因为Packery和拖拉将尝试调整在相同的布局，给你最好的适合。如果您想限制高度，那么必须在pakery上设置并运行ShiftLayout()。理想情况下，我会把它留给包装，以确定最佳布局。