Flo浮動Div溢出滾動瀏覽器

我有一個div在jQuery調用中被觸發。我正在使用此cssFlo浮動Div溢出滾動瀏覽器

.Window { 
    display:none; 
    background-color:#FFFFFF; 
    z-index:1; 
    min-width:500px; 
    min-height:180px; 
    top:20%; 
    position:fixed; 
    left:50%; 
    margin-left:-250px 
}

基本上div在屏幕中心的內容懸停。問題是，當我在.Window div中放置其他內容並且div高於瀏覽器本身時，瀏覽器窗口不會滾動。我會做什麼來使瀏覽器窗口滾動，以便顯示其內部元素的整個div？

來源

2012-03-22 Joe

不會'溢出：汽車;'解決這個問題？ – sinemetu1 2012-03-23 03:29:29

在父DIV

overflow: scroll;

來源

2012-03-22 23:13:05 gpasci

只是position:absolute;

來源

2012-03-22 23:14:18 stewe

這將工作，但我有記錄，將動態地通過jQuery添加，如果用戶在觸發窗口之前向下滾動頁面。據說這樣，如果我在窗口的某個頁面打開窗口......窗口不會彈出在頁面的中心，而是在頂部。這就是爲什麼我使用固定定位 – Joe 2012-03-22 23:18:58

position:fixed;替換位置：固定的地方相對於瀏覽器窗口中的元素。該div將保持在相同的位置。所以你需要改變位置屬性到另一個。

來源

2012-03-22 23:20:12 Nidis

我嘗試過絕對，但像我對@stewe所說的那樣，它對我所需要的不是用戶友好 – Joe 2012-03-22 23:22:21

嗯，也許我找到了一些對你有用的東西。做一個div元素將覆蓋所有的屏幕與這樣的css

 



     width:100%; 
     height:100%; 
     position:fixed; 
     top:0; 
     overflow:auto;

不要放任何背景，不要忘記溢出。

然後在這個div裏放置你的div但是有相對的位置。 CSS的樣子

 




    .Window { 
     background-color:#FFFFFF; 
     z-index:1; 
     width:500px; 
     height:180px; 
     top:20%; 
     position:relative; 
     margin:auto; 
    }

隨着保證金：汽車元素去中心horizontaly與頂部的第一個div的頂部去20％，即瀏覽器的頂部。

我希望能幫到你！

來源

2012-03-23 00:07:48 Nidis

Flo浮動Div溢出滾動瀏覽器

回答

相關問題