Div適合頁面並展開/滾動

我有一個頁面，我設置了一個div來放置所有內容。我有我想要的div工作，但是當我進入顯示所有記錄的管理頁面時，我注意到我無法向下滾動查看其餘部分。Div適合頁面並展開/滾動

我設法解決這個問題，所以我可以向下滾動，如果內容時進一步下跌的一頁。但是，需要向下滾動的頁面在div的右側有一個滾動條，而不是實際的頁面（最右側）。我使用了overflow-y：hidden來移除滾動條，但我無法向下滾動。

我很好奇，看看是否有人有任何建議，以從DIV刪除滾動條，並僅在需要時有標準的滾動條顯示。這是當前的代碼：

HTML

<html class="no-js" lang="en"> 
<head> 
    <title>Home</title> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
    <link rel="stylesheet" href="css/Base.css"/> 
</head> 

<body> 
    <div class="wrapper"> 
    <p> Duplicate text to test </p> 
    </div> 
</body> 
</html>

CSS

* 
    { 
    margin: 0; 
    padding: 0; 
    } 

html 
    { 
    height: 100%; 
    } 

body 
    { 
    background-image:url('../images/background.png'); 
    font-family:    Arial; 
    color:     #000000; 
    font-size:    14px; 
    height:     100%; 
    } 

.wrapper 
{ 
    width: 62.5%; 
    height: 100%; 
    overflow:auto; 
    background: #fffac8; 
    margin: 0 auto; 
    box-shadow: 0px 0px 10px 0px #000000; 
}

如果溢出：自動從DIV去掉，我可以向下滾動像任何正常的頁面，但隨後div被切換到標準頁面。

Overflow removed from div (Want it like this but with the div still stretching when needed)

來源

2014-04-11 jcsix

看看這個問題：http://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll – Adjit

使用不同的CSS文件的管理員，或添加一些風格來覆蓋你的溢出規則恢復正常 –

可悲的是沒有任何工作metasales。 – jcsix

在.wrapper CSS規則，嘗試使用最小高度，而不是高度。

.wrapper 
{ 
    width: 62.5%; 
    min-height: 100%; 
    overflow:auto; 
    background: #fffac8; 
    margin: 0 auto; 
    box-shadow: 0px 0px 10px 0px #000000; 
}

來源

2014-04-11 20:25:39 Sam

非常感謝！正是我想要的:) – jcsix

從包裝div中刪除height: 100%;。這是通過給他們身高：100％，你迫使.wrapper跟隨其父母的高度。而且如你所知，如果它被覆蓋了，它會自動滾動。所以不要保留它，它不是必需的。我希望它適用於你的情況。

來源

2014-04-12 08:43:36

Div適合頁面並展開/滾動

回答

相關問題