-1

即使页面内容不是很高，我也会尝试将页脚保持在页面底部。当用户缩小页面并且脚与内容相遇时，滚动应该出现并且页脚应该隐藏在内容下方。

（我不希望页脚处于固定位置，因为当它遇到内容时，页脚会在顶部并隐藏内容）

菲利普在这里提出了一个很好的詹姆斯泰勒的例子。我想要相同的效果，但使用 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'});
    }   
})
4

1 回答 1

1

你想要的是

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

[编辑]

如果您想将页脚保留在页面上，始终位于底部，则需要使用

position: fixed; 
bottom: 10px;

但是如果你想让页脚保持在窗口的底部，即使 body 小于窗口，但是如果 body 更大，页脚将在文档的底部

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

于 2012-09-21T15:48:27.630 回答