css - ウィンドウのスクロールで絶対位置が固定されたdivを作成する

Question

こんにちは、プロパティを持つ div があります。

.virtual_Drop_Down_Class{
        display: none;
        position: absolute;
        height: 100px;
        width: 120px;
        z-index: 300;
        overflow: auto;
        border: 1px solid;
    }

この div はポップアップとして表示され、正常に動作します。ただし、ポップアップが閉じられずに水平スクロールが移動すると、この div は水平に移動して表示されます。この div がポップアップされた位置に存在するようにします。助けてください。

注: 垂直スクロールでは、位置は同じままで正常に動作します。

Answer 1

.virtual_Drop_Down_Class{
    position: fixed;}

使用位置:絶対ではなく固定