Допустим, есть два блока. Необходимо, чтобы div "two" был скрыт и отображался только при скролле страницы на 300px вниз, и был зафиксирован до прокрутки обратно вверх. Знаю как сделать с помощью скрипта, но вот возникла необходимость реализовать на чистом css. Возможно ли это сделать?
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="one">
text
</div>
<div class="two">
text
</div>
</body>
</html>