Выровняйте Абсолютно Расположенный Липкий Элемент, чтобы div внутри Sibling? - PullRequest
Новая
       6

Выровняйте Абсолютно Расположенный Липкий Элемент, чтобы div внутри Sibling?

0 голосов
/ 22 февраля 2020

Скажем, у меня есть следующая настройка поста блога: 

    <div>
        <div> //this div has some margin left & right, so the blog post is centered
            <div>Title</div>
            <div>Body</div>
        </div>

        <ContainerAbsolute> //inside the right margin, i absolutely position this container & the sticky side bar inside it.
            <StickySideBar />
        </ContainerAbsolute>
    </div>

Я хочу, чтобы мой StickySideBar находился справа и go вниз вдоль сообщения блога. Я использую position:sticky на нем. Я положил его в контейнер, который позиционируется абсолютно, и который растягивает всю страницу (height: 100%). Теперь это работает. Но теперь я бы хотел, чтобы мой StickySideBar застрял на уровне, где начинается мой текст, а не на самом верху. Я могу сделать top: 500px и тому подобное, чтобы приблизить это, но как я могу идеально выровнять его по Body div?

...