scrollTop和html溢出:隐藏

Question

当CSS规则设置为这样时

html { overflow: hidden; }

我无法再使用javascript在Chrome中获取或设置滚动位置(仅DOMElement.scrollIntoView在工作中).

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

Answer 1

您可以使用clearfix 来执行“布局反转”，就像overflow:hidden 所做的那样。

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

将 class="clearfix" 类添加到父级，并删除溢出：隐藏；