如何在页面底部有2个固定页脚

Question

我有一个问题，我想在页面底部添加固定栏。当页面底部已有固定栏时，我的问题就出现了。是否有任何方法可以使用CSS和JavaScript将我的栏放在最底部并“向上推”前一个栏以叠加在它上面？

Answer 1

最好的方法是将这两个元素嵌套在另一个div中，并为包装器提供固定的定位。

Answer 2

此代码搜索现有页脚（假设固定位置和底部0）。

如果找到，它会使其成为您页脚的第一个孩子（类myFooter）。

它还会将原始页脚更改为静态定位。

var obj = document.querySelectorAll('*'),
    myFooter= document.querySelector('.myFooter'),
    i,
    cs;

for(i = 0 ; i < obj.length ; i++) {
  cs= getComputedStyle(obj[i]);
  if(obj[i] !== myFooter &&
     cs.getPropertyValue('position')==='fixed' &&
     parseInt(cs.getPropertyValue('bottom'))===0
    ) {
    myFooter.insertBefore(obj[i],myFooter.firstChild);
    obj[i].style.position= 'static';
  }
}

Working Fiddle