Конвертировать положение ABSOLUTE в FIXED

Question

У меня есть div с подсказками внутри, и я должен преобразовать его положение от абсолютного до фиксированного.

Когда я просто изменяю атрибут, он просто меняется на странную случайную позицию.

Как его отслеживать?

Answer 1

Ваш абсолютно позиционированный элемент позиционируется в зависимости от положения последнего относительно расположенного предка. Посмотрите на фрагмент ниже. Исправлено только на самом окне. Если вы хотите найти координаты, где вам нужно установить фиксированный, вам нужно использовать JavaScript для получения этих координат.

.relative { 
 
    position:relative; 
 
    margin-top:80px; 
 
    margin-left:120px; 
 
    background:#CCC; 
 
    } 
 

 
.absolute { 
 
    position:absolute; 
 
    top:20px; 
 
    left:40px; 
 
    background:#888; 
 
    color:white; 
 
} 
 

 
.fixed { 
 
    position:fixed; 
 
    top:20px; 
 
    left:40px; 
 
    background:#333; 
 
    color:white 
 
}

<div class="relative"> 
 
    <p>I'm positioned relatively. The absolute div will be positioned relatively to me.</p> 
 
    <div class="absolute"> 
 
    <p>I'm offset from my relatively-positioned parent</p> 
 
    </div> 
 
    <div class="fixed"> 
 
    <p>I'm a child of the relative position, but I'm fixed so I'm offset from the window</p> 
 
    </div> 
 
</div>