scrollTop和html溢出：隐藏

Question

当像这样设置CSS规则时

html { overflow: hidden; }

我无法再使用javascript在Chrome中获取或设置滚动位置（只有DOMElement.scrollIntoView正在运行）。

当我删除它时，它可以工作，但它会弄乱包含用CSS3创建的“视差效果”的整个页面。这是一个简化示例（仅以-webkit-为前缀）：http://jsfiddle.net/BaliBalo/LxCxn/

Answer 1

你可以使用clearfix来做＆＃34;布局预翻＆＃34;溢出：隐藏的方式相同。

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

添加class =＆＃34; clearfix＆＃34; class为父级，并删除overflow：hidden;