我有困難滾動

，這是我的.css文件......不明白爲什麼我不能滾動我有困難滾動

#root { 
    overflow-y: scroll; 
    height: 100%; 
} 
.titles { 
    font-family: times, Times New Roman, times-roman, georgia, serif; 
    font-size: 48px; 
    line-height: 40px; 
    letter-spacing: -1px; 
    color: #444; 
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    font-weight: 100; 
} 
.title-subtitle{ 
    font-family: times, Times New Roman, times-roman, georgia, serif; 
    font-size: 28px; 
    line-height: 40px; 
    letter-spacing: -1px;color: #444; 
    margin-top:0px; 

}

，然後我的HTML文件中我有這樣的：

<!DOCTYPE html> 
<html lang="en"> 
<link rel="stylesheet" type="text/css" href="../src/style.css"> 
<head> 

<meta charset="utf-8"> 
    <title>React App</title> 
</head> 
<body> 
<div id="root"></div> 
</body> 
</html>

但每次我垂直渲染或減小頁面大小，我無法獲得滾動條....

來源

2017-01-22 user3450754

請提供一個[最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。最好，如果你的代碼是可執行的，例如在[JSFiddle]（http://www.jsfiddle.net）中或直接在StackOverflow中作爲可運行示例。 –

也許是因爲你的CSS文件被鏈接在「」之外，或者你的主體沒有足夠的內容超過瀏覽器視口？滾動就好了，如果身體足夠高http://codepen.io/anon/pen/ygbbOb –

@ ssc-hrep3我正在使用reactjs，所以它有點難以將它添加到jsFiddle上，並且它似乎正在工作但Idk idk爲什麼它不爲我工作，我一定要添加足夠的內容，以便它應該滾動 – user3450754

爲了在#root上設置100％，您還必須將html和body設置爲100％：

html, body { 
    height: 100%; 
}

來源

2017-01-22 01:29:53 TheYaXxE

我有困難滾動

回答

相關問題