CSS在可滚动页面上从顶部20px显示一个弹出窗口

我有一个2格的页面 - 左和右。 左边的div是固定的，右边的div是可滚动的。 我在左边的div上有一个按钮，它在点击时显示一个弹出窗口（在右边div）。 现在，我希望弹出窗口始终显示在页面顶部20px处，即使用户在右侧div上向下滚动。

目前我正在使用以下代码来定位我的div：

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

这会始终在页面绝对顶部20px处显示弹出窗口。 因此，如果用户向右滚动了div，他将无法看到弹出窗口（除非他一直向上滚动）。

请指导我如何从顶部20px显示相对于当前滚动位置的div。

让我知道是否需要更多解释或代码。

---

如果你将位置从absolute变为fixed你应该能够实现你想要的

---

尝试position:fixed; 对于不会移动的元素。

---

位置：固定应该为你做的伎俩：

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

链接地址: http://www.djcxy.com/p/83841.html

上一篇: CSS to display a popup at 20px from top on a scrollable page

下一篇: center div in the middle of the screen