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