Как создать заголовок с фиксированным параллаксом с помощью react-spring

Я хочу создать эффект Parallax Fixed Header (фиксированное тело прокрутки заголовка), как тот, который используется на этих страницах.

http://somethingsplendid.com/

http://jsfiddle.net/KsdeX/1/?utm_source=website&utm_medium=embed&utm_campaign=KsdeX

Как я могу добиться этого с помощью react-spring Parallax? Чтобы заголовок был закреплен вверху, а все остальное прокручивается, пока не закроет заголовок, прокрутка возобновляется в обычном режиме. Не могу понять, как это сделать ...

Спасибо!


person Albert Alises    schedule 26.02.2019    source источник


Ответы (1)


Если это все еще актуально для вас или кого-то еще. Просто используйте position:sticky; top: 0; в заголовке. И убедитесь, что родительский тег - это целая часть того места, куда вы хотите прикрепить этот заголовок.

person Artemiy Egorov    schedule 01.12.2019