使用同位素时网格中的固定项目

案例： 我得到了一个网格图像和两个文本框。我正在使用Isotope来布置网格并对其进行洗牌。使用同位素时网格中的固定项目

问题： 文本框应该在网格中有一个固定的位置（没有随机播放）。图像可以混洗。

问题： 如何获取网格中的元素进行修复？我发现一个网站，它已完成，我只是不知道如何... （http://www.facesofnyfw.com/）在这里，第一个框（标题和过滤器，...）是固定的，不动。

由于提前，

Ibe的

2012-07-25 Ibe Vanmeenen

以前的答案是在正确的道路上，但Isotope已经发布了一个使用'邮票'而不是'角落邮票'的新版本。查看文档here。它允许您指定页面上某些元素的位置，然后同位素会将所有其他项目排列在/（在？周围）。我用它来修复容器div左上角的一个元素，并且它像一个魅力一样工作。我想，在其他地方放置东西可能更困难，但我相信这是可能的！

HTML：

<div class="grid"> 
    <div class="stamp stamp1"></div> 
    <div class="stamp stamp2"></div> 
    <div class="grid-item"></div> 
    <div class="grid-item"></div> 
    .... 
</div>

JS：

// specify itemSelector so stamps do get laid out 
itemSelector: '.grid-item', 
// stamp elements 
stamp: '.stamp'

CSS：

/* position stamp elements with CSS */ 
.grid { 
    position: relative; 
} 
.stamp { 
    position: absolute; 
    background: orange; 
    border: 4px dotted black; 
}

来源

2014-09-27 16:35:10 annapetry

你想要的图像洗牌就像水在湖中四处流窜的石头？不要以为这是可以实现的，除非你自己定制插件。随机播放一次随机化所有元素位置。 You can have a corner stamp though.，如插件创建者所示。角邮票 - 第一项，未滤出。

来源

2012-07-25 15:50:52 Systembolaget

使用同位素时网格中的固定项目

回答

相关问题