Как в завиcимости от того на сколько проскролили страницу менять значение stroke-dashoffset?

Question

[frontAng]

https://jsbin.com/sacudadepa/edit?html,css,js,cons...

Answer 1

[Максим]

Вроде работает, будет работать в любой высотой контента: https://codepen.io/topicstarter/pen/zYMmWKN

Comments

[frontAng]

Максим, а откуда число 69040? И такой нюанс, еще не доскролили до конца - а уже всё выделено 100%.
Будто некорректно считает

[Максим]

frontAng, это высота страницы - надо зменить на TTL там в самом низу есть переменная - я это временно сделал и так оставил - но там всё работает только при ширине экрана 953 .. позже доработаю

[Максим]

frontAng, https://codepen.io/topicstarter/pen/oNQadXm ТАК ВРОДЕ

[frontAng]

Максим, cпасибо. Можете объяснить, пожалуйста, откуда взялось 50*Math.PI*2;

[Максим]

frontAng, 50 диаметр, в html в теге svg написан ну math pi это понимать так: диаметр умножить на 3.14 и умножить на 2

Answer 2

[Stalker_RED]

Слушать событие scroll, брать значение scrollY, менять dashoffset