同位素-angular 和标记选项
Isotop-angular and stamp option
我正在使用 this isotop-angular 构建图块,但在其中我还需要同位素物品围绕一个方块流动,因此它会固定在右侧。
在 jquery isotop 上,可以在选项中使用 stamp,但是如何在 angular 上使用它,找不到正确的方法。
也许有人遇到过这样的问题?
<div class="panel-event-container" isotope-container iso-options="{ transitionDuration: 0, animationOptions: { duration: 0 }, hiddenStyle: { opacity: 0 }, visibleStyle: { opacity: 1 }, }">
<div class="map stamp"></div> <!-- this block should be fixed-->
<div class="item">...</div>
<div class="item">...</div>
<div class="item">...</div>
<div class="item">...</div>
...
</div>
非常简单的解决方案
只需要将 stamp : '.stamp'
添加到 iso-options
<div class="panel-event-container" isotope-container iso-options="{ transitionDuration: 0, stamp: '.stamp', animationOptions: { duration: 0 }, hiddenStyle: { opacity: 0 }, visibleStyle: { opacity: 1 }, }">
我正在使用 this isotop-angular 构建图块,但在其中我还需要同位素物品围绕一个方块流动,因此它会固定在右侧。
在 jquery isotop 上,可以在选项中使用 stamp,但是如何在 angular 上使用它,找不到正确的方法。
也许有人遇到过这样的问题?
<div class="panel-event-container" isotope-container iso-options="{ transitionDuration: 0, animationOptions: { duration: 0 }, hiddenStyle: { opacity: 0 }, visibleStyle: { opacity: 1 }, }">
<div class="map stamp"></div> <!-- this block should be fixed-->
<div class="item">...</div>
<div class="item">...</div>
<div class="item">...</div>
<div class="item">...</div>
...
</div>
非常简单的解决方案
只需要将 stamp : '.stamp'
添加到 iso-options
<div class="panel-event-container" isotope-container iso-options="{ transitionDuration: 0, stamp: '.stamp', animationOptions: { duration: 0 }, hiddenStyle: { opacity: 0 }, visibleStyle: { opacity: 1 }, }">