Question

使用jQuery时，我的Sticky页脚出现问题。我使用jQuery的原因是因为它是“需求”所以我必须使用它。

这是我的jQuery代码：

$(document).ready(function () {
        var bodyHeight = $("body").height();
        var windowHeight = $(window).height();
        if (windowHeight > bodyHeight) {
            $("Footer").css("position", "absolute").css("bottom", 0);
        }
    });

您可以在My site

上查看问题

当内容不大于网站时，它会粘在页面按钮上，但是当内容比窗口网站长时，它会“破坏”。

希望你能帮助我而不是引用另一个使用CSS的页面，正如我所说，我必须使用jQuery

再次感谢

Answer 1

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

所以你需要像这样申请：

$(document).ready(function () {
        var bodyHeight = $(document).height();
        var windowHeight = $(window).height();
        if (bodyHeight > windowHeight) {
            $("Footer").css("position", "absolute").css("bottom", 0);
        }
    });

使用(windowHeight > bodyHeight)

替换为(bodyHeight > windowHeight)

还要确保选择器Footer

Answer 2

这里有实际问题：

使用jQuery是一个非常奇怪的想法。为什么不使用现有教程？例如关于asp.net的偶数点tutorial
您的代码将始终覆盖其页面的一部分：页脚有一定的高度，这个高度将从内容中取出，这是一种不好的粘性页脚风格，不考虑

使用另一种方式完成任务。

我的jQuery代码不适用于Sticky页脚

2 个答案: