使用同位素時網格中的固定項目

案例： 我得到了一個網格圖像和兩個文本框。我正在使用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

使用同位素時網格中的固定項目

回答

相關問題