Canvas без position fixed? Можно ли?

Question

[svm2001]

Есть ВОТ ТАКОЙ пример на codepen.
Я сделал его под свой проект, все круто, все работает.
Но я не учел одного факта. Что это просто тестовый вариант, т.к. вся эта история работает только при условии, что тегу canvas в css задается свойство position: fixed;

Соответсвенно вопрос: Можно ли добиться подобного эффекта, но не вырывать канвас из потока? Чтобы условно я мог этот блок поставить в середину страницы. И перед и после этого канваса можно было расположить контент.

И если нет, то объясните кто-нибудь, зачем выкладывать такой пример, если он работает только сам с собой и никак не взаимодействует с другими блоками.

Comments

[Сергей Сергей]

Предполагается, что всякий интересующийся найдёт способ адаптировать это. Вопрос на хабре один из способов.

Такое нормально располагается где угодно на странице, с учётом того, что скриптами надо определять позицию элемента.

Answer 1

[tyxeo]

тут как и везде и всегда надо понять как работает этот кот

он же простой

ты не станешь программистом если не будешь думать головой

Answer 2

[Сергей delphinpro]

Он так размещен только для того, чтобы оставаться в поле зрения, так как анимация проигрывается в соответствии со скроллом всей страницы. И это логично, иначе как вы увидите анимацию, когда этот элемент проскроллится за пределы экрана.
Если вы хотите проигрывать анимацию только ползунком, то и фиксированное положение вам не требуется.