Question

即使页面内容不是很高，我也会尝试将页脚保留在页面底部。当用户缩小页面并且脚符合内容时，应显示滚动并且页脚应隐藏在内容下方。

（我不希望页脚处于固定位置，因为当它符合内容时，页脚将位于顶部并隐藏内容）

菲利普在这里提出了詹姆斯泰勒的一个很好的例子。我想要与jQuery相同的效果。（我无法应用此css解决方案，因为我需要内容处于绝对定位状态）http://matthewjamestaylor.com/blog/bottom-footer-demo.htm

$(function(){   
    var documentHeight = $(document).height();
    if(documentHeight >= 420){
        $('#foot').css({position: 'absolute',bottom:'10px'});
    }

    else{
        $('#foot').css({position: 'absolute',top:'410px'});
    }   
})

Answer 1

你想要的是

var topDistance = $('#foot').offset().top;

[编辑]

如果你想在页面上保持页脚，总是在底部，你需要使用

position: fixed; 
bottom: 10px;

但是如果你想在页面底部保持页脚，即使身体比窗口小，但如果身体更大，页脚将位于文档的底部

以下是解决方案：http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

用jQuery在页面底部的页脚

1 个答案: