介绍 & lt; script 类型=拔谋?javascript"比;
,,,美元(函数(){
,,,,,,,function footerPosition () {
,,,,,,,,,,,(“footer") .removeClass美元(“fixed-bottom");
,,,,,,,,,,,,,,,//网页正文全文高度
,,,,,,,,,,,,,,,var contentHeight =, document.body.scrollHeight,
,,,,,,,,,,,,,,,//可视窗口高度,不包括浏览器顶部工具栏
,,,,,,,,,,,,,,,winHeight =, window.innerHeight;
,,,,,,,,,,,如果(! (contentHeight 祝辞,winHeight)) {
,,,,,,,,,,,,,,,//当网页正文高度小于可视窗口高度时,为页脚添加类fixed-bottom
,,,,,,,,,,,,,,,(“footer") .addClass美元(“fixed-bottom");
,,,,,,,,,,,},{else
,,,,,,,,,,,,,,,(“footer") .removeClass美元(“fixed-bottom");
,,,,,,,,,,,}
,,,,,,,}
,,,,,,,footerPosition ();
,,,,,,,(窗口)美元.resize (footerPosition);
,,,});
& lt;/script> CSS: .fixed-bottom {
,,,位置:,固定;
,,,底部:,0;
,,,宽度:100%;
}
怎么在HTML5中将页脚置于页面底部?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
JavaScript:
关于怎么在HTML5中将页脚置于页面底部问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。
