Нарисуйте вертикальную шкалу времени - PullRequest
Новая
       13

Нарисуйте вертикальную шкалу времени

0 голосов
/ 14 апреля 2020

Я пытался добиться такой же функциональности, как на https://ritual.com/products/essential-for-women-multivitamin (Наша миссия: ваше самое здоровое будущее). Посмотрите, как линия dr aws при прокрутке вниз, и она удаляется, когда вы снова прокручиваете вверх.

Я хочу достичь аналогичной функциональности, но пока не повезло!

Вот мой код; 

function myFunction() {
if (jQuery("#column_wsc1783kc").isInViewport()) {

 var path = document.querySelector("#column_wsc1783kc");
 var pathLength = path.clientHeight;

   var scrollPercentage = (document.documentElement.scrollTop + document.body.scrollTop) / 
 (document.documentElement.scrollHeight - document.documentElement.clientHeight);

  var scrolled =100*scrollPercentage;
  document.getElementById("timeline_row_timeline-area_content_line").style.height = scrolled + "%";

 }}
...