关于一个HTML定位的问题

Question

HTML网页的页面中，我需要在页面的底部做一个元素相对于浏览器的fixed定位，但是当页面滚动到最底部的时候，该元素又会被底部的footer顶上去，而不至于覆盖掉footer，反之，footer不在可视区域内fixed又能定位在底部，这个怎么实现？如图

Answer 1

绝对定位，就是相对屏幕而定位的那个属性，你可以试试

Answer 2

取一个参考点，页面加载完毕后取得它的offsetTop值，当页面滚动时，如果document.documentElement.scrollTop+document.documentElement.clientHeight<offsetTop就把你要定位的元素的bottom设为0，反之设置你要定位的值