绘制垂直时间线栏

Question

我一直在尝试实现https://ritual.com/products/essential-for-women-multivitamin上的功能（我们的使命：您最健康的未来）。查看向下滚动时该线条的绘制方式，再次向上滚动时该线条的删除方式。

我想实现类似的功能，但到目前为止还没有运气！

这是我的代码；

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 + "%";

 }}