Question

所以我使用jQuery将页脚绝对放在没有太多内容的页面上。

我注意到的问题是页脚加载到它的正常位置，然后当jQuery添加类时可见地跳转到页面底部。无论如何都要绕过这个跳跃？

        /* Position footer bottom of all pages */
    positionFooter: function () {
        var windowHeight = jQuery(window).height();
        var content = jQuery("#content").height() + jQuery("#footer-wrapper").height();
        if (windowHeight > content){
            jQuery("#content").css("padding-bottom", jQuery("#footer-wrapper").height());
            jQuery("#footer-wrapper").addClass("fixed-bottom");
        }
    }

我正在使用window.load：

jQuery(window).load(function()

Answer 1

一个快速的脏修复方法是在文档加载之前给出body { opacity: 0}，然后在一段时间（例如1秒）内将不透明度设置为1。这样，在页脚已经跳跃之后，整个身体将会淡入。

StackExchange answer

这是很多人处理simple fiddle（或FOUC）的方式。

编辑：正如Freeeeez在下面指出的那样，使用身体作为动画是不必要的，但在我看来，效果是令人愉快的:)

Answer 2

如果您将其设置为<img>作为特定类的默认值。然后，您可以在文档加载完成后使用jQuery删除类，如下所示：

sudo apt-get install python-lxml

Answer 3

这个怎么样

{{1}}

Answer 4

如果你可以改变html，也许你应该使用css粘性页脚 http://ryanfait.com/sticky-footer/

我在很多网站上都使用过它并且运行得很好

jQuery定位页脚没有元素跳转

4 个答案: