与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

非常感谢。完善。我有时忘记了基础知识:) –

回答