描述一下,对于页面,
内容少得不足以产生滚动条的时候,footer落在最底部面,
当内容变多,页面产生滚动条时,footer要处于内容的最后,即滚动到最底部才能看见
我知道一种是使用 负值margin-top 和 正值padding-bottom 的方法,但是感觉不够灵活..
请问有没有什么好的实现方法?
这是我答案:
纯css
因为我主要用在移动端 应该可以兼容吧....
https://jsfiddle.net/BoomBang...
描述一下,对于页面,
内容少得不足以产生滚动条的时候,footer落在最底部面,
当内容变多,页面产生滚动条时,footer要处于内容的最后,即滚动到最底部才能看见
我知道一种是使用 负值margin-top 和 正值padding-bottom 的方法,但是感觉不够灵活..
请问有没有什么好的实现方法?
这是我答案:
纯css
因为我主要用在移动端 应该可以兼容吧....
https://jsfiddle.net/BoomBang...
为内容区域设置 min-height
属性,让其有一个最小高度,其值可以是固定的(如:1280px),亦可以通过 js 来动态设置(如:$('.content').css('min-height', window.innerHeight)
),这样,内容较少时,内容区域会撑满整个窗口,而 footer 结构会出现在屏幕以外(下,滚动可见);
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
这种东西就在于思路:
效果图:

