1

我有一个带有 2 个 div 的页面 - 左右。左 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。

如果需要更多解释或代码，请告诉我。

4

3 回答 3

2

如果您将位置从 更改absolute为fixed您应该能够实现您想要的

于 2012-05-09T12:22:00.407 回答
1

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

于 2012-05-09T12:22:40.173 回答
1

position:fixed 应该为您解决问题： 

function showPopup()
    {
        $('#popup').fadeIn('slow');
        //centering  
        $("#popup").css({  
        "width":'300',
        "height":'300',
        "position": "fixed",  
        "left": 280 ,
        "top":20
        });
    }
于 2012-05-09T12:30:36.187 回答