同理），当页面滑到最下方的时候，由于是fixed定位，脱离了正常文档流，导致会遮挡住一部分内容。如下所示：
上面左边是有问题的显示，右边为正常显示。那么，如何解决这个问题呢？在此，我抛砖引玉提出三种我的看法，希望能有更好的方法。
法一. Javasrript解决
使用js解决，判定当滑动条滑到页面内容的最底端的时候，将原本会脱离文档流的fixed定位改为不脱离文档流的relative定位即可。
使用脚本解决问题是最繁重的方法，能用css解决的尽量不使用脚本，但是也是一种方法。
代码如下:
//滚动条在Y轴上的滚动距离
function getScrollTop(){
return document.body.scrollTop;
}
//文档的总高度
function getScrollHeight(){
return document.body.clientHeight;
}
//浏览器视口的高度
function getWindowHeight(){
var windowHeight = 0;
if(document.compatMode == "CSS1Compat")
{
windowHeight = document.documentElement.clientHeight;
}
else
{
windowHeight = document.body.clientHeight;
}
return windowHeight;
}
//滑动监听
window.onscroll = function(){
//滑到底部时footer定于最下方,假定
