仅通过CSS固定页脚

Question

我想使.cart类始终像固定页脚一样固定在屏幕底部。当前，用户必须一直滚动到页面底部才能查看此div。我已经尝试了以下CSS，但现在仍然有效。

尽管此代码对我在JS小提琴中正常工作，但不适用于我的网页（下面的链接）

JS小提琴-> http://jsfiddle.net/Lec5yu1d/2/

我的网页-> http://omgjewelz.com/create-your-set

.cart { position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;  } 

Answer 1

您好，将此代码添加到您的样式中将使其起作用， 您需要使页脚变粘并定位它，因此在这里我为您添加了bottom：0px。

footer.site-footer {
    position: sticky;
    bottom: 0px;
}

为了获得更好的视图，我建议您在div文本后面使用背景白色，因为它现在是透明的，所以会弄乱内容，

.footer-bottom {
    background: white;
}