相关疑难解决方法(0)

我知道这对于位置很容易:固定,但不幸的是我坚持支持IE 6.我怎么能这样做？我宁愿使用CSS来干净,但如果我必须使用Javascript,那不是世界末日.在我目前的实现中,我有一个"浮动页脚"浮动在主要内容区域上方,并使用Javascript定位.我现在的实现即使使用Javascript也不是特别优雅,所以我的问题是:

1. 有没有办法在没有Javascript的情况下执行此操作？
2. 如果我必须使用Javascript,这个浮动页脚问题是否有任何"好"的解决方案？"很好"我指的是可以跨浏览器工作的东西,不会超载浏览器的资源(因为它必须经常重新计算),并且优雅/易于使用(即写出类似的东西会很好new FloatingFooter("floatingDiv")).

我猜想没有超级简单的解决方案可以满足上述所有要求,但我可以构建的东西会很棒.

最后,只是一个更普遍的问题.我知道这个问题很难解决,那么其他UI替代方案是什么,而不是在每个页面的底部都有页脚内容？在我的特定网站上,我用它来显示步骤之间的转换.还有其他方法吗？

我想弄清楚,为什么设置overflow-x: hidden到一个HTML页面的身体让我的元素position: fixed,即使我把它设置为position: absolute.

在此演示中可以更好地理解效果.

这是代码:

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;/* If I remove this line everything is how I expect it to be! */
}

div.page {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: 1px solid red;
  margin-bottom: 200px;
}

div.background {
  background: blue;
  position: absolute;
  width: 100%;
  height: 10%;
}

<div class='background'></div>
<div class='page'></div>
<div class='page'></div>
<div class='page'></div>
<div class='page'></div> …