Абсолютная позиция не имеет фиксированного места на свитке - PullRequest
Новая
       41

Абсолютная позиция не имеет фиксированного места на свитке

0 голосов
/ 27 марта 2019

Итак, я пытался создать музыкальное приложение, и моя позиция полностью запутала весь макет при прокрутке

Я пытался найти в интернете информацию о сохранении родительской позиции: относительная, но не сработала

Мой HTML- 

<div style="width:inherit;height:inherit;overflow:hidden" >
  <div class="ov" ><div><i style="font-size:2em;" class="fa fa-pause-circle"></i></div></div>

Мой CSS- 

.ov{

    width:12em;
    overflow: hidden;

    justify-content: center;
    text-align: center;
    flex-direction: column;

    border-radius: 15px;
    height: 12em;
    opacity:0.8;
    position: absolute;
    z-index:2;
    background-color: black;

}

Как это должно выглядеть - (https://imgur.com/sSPyUOr)
Как это выглядит, когда я прокручиваю - (https://imgur.com/LteKyq6)

Ответы [ 2 ]

1 голос
/ 27 марта 2019

Если вы пытаетесь сделать объект не прокручиваемым с веб-сайтом, который вы используете position:fixed;

Положение: абсолютное просто выравнивает объект на основе ближайшего контейнера с позицией: относительный.

0 голосов
/ 28 марта 2019

укажите первую позицию div: абсолютный;и лучше дать его и id или класс, а затем .ov {position: родственник}; 

.ov{

    width:12em;
    overflow: hidden;

    justify-content: center;
    text-align: center;
    flex-direction: column;

    border-radius: 15px;
    height: 12em;
    opacity:0.8;
    position: relative;
    z-index:2;
    background-color: black;

}
<div style="position:absolute;width:inherit;height:inherit;overflow:hidden" >
  <div class="ov" ><div><i style="font-size:2em;" class="fa fa-pause-circle"></i></div></div>
...