同位素角和戳选项

Isotop-angular and stamp option

本文关键字:选项 同位素      更新时间:2023-09-26

我使用这个同位素角来构建瓷砖,但在我还需要同位素项目围绕一个块流动,所以它将被固定在右侧。

在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 }, }">