1

左と右の 2 つの div を持つページがあります。左の div は固定され、右の div はスクロール可能です。左の div にボタンがあり、クリックするとポップアップ (右の div) が表示されます。ユーザーが右の div を下にスクロールした場合でも、ポップアップを常にページの上部から 20px に表示したいと考えています。

現在、次のコードを使用して 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 に答える