我不能设置粘性页脚

Question

我试图设置粘性页脚，但仍然出现问题，它只是不想被置于其中，当我调整窗口大小时它会继续内容。我尝试使用position: absolute, bottom: 0然后margin-top等，我尝试过，但它也无法正常工作。我不知道我做错了什么。

Answer 1

将body和html设置为height:100%，将footer设置为position: fixed, bottom: 0。

同时从height: 100%删除样式#content。

Answer 2

    footer{
        width: 100%;
        overflow: auto;
        bottom: 0;
        position: fixed;
      }

Answer 3

假设您的页脚div有footer ID：

$(window).bind("load resize", function () {
    $("#footer").stickyFooter();
});
// sticky footer plugin
(function ($) {
    var footer;

    $.fn.extend({
        stickyFooter: function (options) {
            footer = this;

            positionFooter();

            $(window)
                .scroll(positionFooter)
                .resize(positionFooter);

            function positionFooter() {
                var docHeight = $(document.body).height() - $("#sticky-footer-push").height();
                if (docHeight < $(window).height()) {
                    var diff = $(window).height() - docHeight;
                    if ($("#sticky-footer-push").length < 0) {
                        $(footer).before('<div id="sticky-footer-push"></div>');
                    }
                    $("#sticky-footer-push").height(diff);
                }



            }
        }
    });

})(jQuery);

$("#footer").stickyFooter();