CSS在可滾動頁面上從頂部顯示20px的彈出框

我有一個帶有2個div的頁面 - 左側和右側。左邊的div是固定的，右邊的div是可滾動的。我在左邊的div上有一個按鈕，它在點擊時顯示一個彈出窗口（在右邊div）。現在，我希望彈出窗口始終顯示在頁面頂部20px處，即使用戶在右側div上向下滾動。CSS在可滾動頁面上從頂部顯示20px的彈出框

目前我使用下面的代碼來定位我DIV：

function showPopup() 
{ 
    $('#popup').fadeIn('slow'); 
    //centering 
    $("#popup").css({ 
    "width":'300', 
    "height":'300', 
    "position": "absolute", 
    "left": 280 , 
    "top":20 
    }); 
}

這總是爲20px從頁面的絕對頂級的顯示彈出。因此，如果用戶向右滾動了div，他將無法看到彈出窗口（除非他一直向上滾動）。

請指導我如何顯示20px從頂部相對於當前滾動位置div。

讓我知道是否需要更多解釋或代碼。

來源

2012-05-09 AnonGeek

如果更改absolute到fixed的位置，你應該能夠達到你想要

來源

2012-05-09 12:22:00

你這一掌kvanberendonck :) – AnonGeek

嘗試position:fixed;的，不會移動元素是什麼。

來源

2012-05-09 12:22:40 kvanberendonck

thanks..that這正是我想要的......接受在8分鐘內回答:) – AnonGeek

哦，這很好..; P –

位置：固定應該爲你做的伎倆：

function showPopup() 
    { 
     $('#popup').fadeIn('slow'); 
     //centering 
     $("#popup").css({ 
     "width":'300', 
     "height":'300', 
     "position": "fixed", 
     "left": 280 , 
     "top":20 
     }); 
    }

來源

2012-05-09 12:30:36 styler

CSS在可滾動頁面上從頂部顯示20px的彈出框

回答

相關問題