Как показать липкую кнопку после прокрутки на 200 пикселей без JavaScript? ⇐ CSS

[Anonymous]

Моя цель — изначально установить для липкого div значение «видимость: скрытый». После прокрутки более чем на 200 пикселей кнопка должна появиться с видимостью: видимая. Есть ли обходной путь для достижения этой цели только с помощью CSS, без JavaScript? В чистом CSS, похоже, нет способа определить точное расстояние прокрутки, например 200 пикселей. Есть предложения?
Это мой пример:

Код: Выделить всё

body {
margin: 0;
padding: 0;
}
header {
height: 150px;
background-color: black;
}
.container {
height: 1500px;
background-color: azure;
}
footer {
height: 500px;
background-color: grey;
}
.sticky {
display: flex;
justify-content: flex-end;
position: sticky;
bottom: 10px;
margin:10px;
}
.sticky a {
background-color: black;
color: #fff;
padding: 5px;
}





[url=#top]ScrollToTop[/url]

Я пробовал много вещей, например, липкую прокладку, полулипкую рамку с несколькими элементами и так далее. К сожалению, ничего не помогло.

Подробнее здесь: https://stackoverflow.com/questions/791 ... javascript