與Bootstrap 3和粘腳的同位素

我使用Isotope在Bootstrap 3框架內呈現圖像的網格。我有一個粘腳（使用推薦的絕對定位，底部設置爲0）。與Bootstrap 3和粘腳的同位素

當瀏覽器窗口高度減小時，包含同位素-d圖像的div不會停止粘滯頁腳開始的位置 - 因此div的最底部60px（實際數量取決於爲頁腳設置的高度）被頁腳隱藏或延伸到頁腳下方。區別取決於我是否爲容器div設置高度。

the codepen contains an example

我猜問題是由一個事實，即定位同位素的所有圖像都絕對定位造成的。任何有關如何正確使用它的建議？

感謝

試着改變你的頁腳從position: absolute;到position: fixed;，並添加padding-bottom: 75px;您<body>。

請記住，當您定位絕對或固定時，該元素將從文檔的常規流程中移除。當你定位它時，它很可能與另一個靜態定位元素相沖突。

在這種情況下，向身體添加填充可以在常規文檔中模擬實際由頁腳佔據的空間。

附加說明：粘腳的方法通常意味着您需要爲腳註設置固定的高度。我已經使用了75px來填充身體，但是您可以擺弄這個以獲得最佳效果。

2016-07-23 15:42:47 Toby

非常感謝。完善。我有時忘記了基礎知識:) –

回答