scrollTop的和HTML的溢出：隱藏

當CSS規則設置這樣scrollTop的和HTML的溢出：隱藏

html { overflow: hidden; }

我無法獲取或使用JavaScript設置了滾動位置在Chrome（僅DOMElement.scrollIntoView工作）。

當我刪除它可以工作，但它弄亂了整個頁面，包含用CSS3創建的「視差效果」。這裏是一個簡化的例子（只有前綴-webkit-）：http://jsfiddle.net/BaliBalo/LxCxn/

來源

2014-01-24 Bali Balo

也許你可以嘗試自定義js滾動條並隱藏它們，看看是否有用？ –

當你使用'var scrollHeight = document.querySelector（'＃second'）。offsetTop;'，然後當你需要的時候'方法'window.scrollTo（0，scrollHeight）'''''' –

我沒有解決方案，但發現一些[documentation]（http://help.dottoro.com/ljnvjiow.php）document.body.scrollTop將始終在Chrome中返回0。 [類似於SO]（http://stackoverflow.com/questions/12948345/get-scrolltop-in-chrome） – rojobuffalo

你可以通過使用clearfix做同樣的方式來做「佈局preversing」overflow：hidden。

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

add class =「clearfix」class to the parent，and remove overflow：hidden;

來源

2014-03-20 14:40:53 HMagdy

scrollTop的和HTML的溢出：隱藏

回答

相關問題