Merge pull request pytorch#679 from shiftlab/contributor-scroll-nav

brianjo · web-flow · commit aea64b692a02 · 2021-04-27T12:04:34.000-04:00
Contributors - Left Nav - Highlight as user scrolls
diff --git a/_includes/contributor_side_nav.html b/_includes/contributor_side_nav.html
@@ -10,3 +10,40 @@
     </ul>
   </div>
 </div>
+
+<script>
+
+  $("#get-started-contributor-sidebar-list li a").on("click", function(e) {
+    var href = $(this).attr("href")
+    $('html, body').stop().animate({
+      scrollTop: $(href).offset().top - 100
+    }, 850);
+    (e).preventDefault;
+  });
+
+  var lastId,
+    topMenu = $("#get-started-contributor-sidebar-list"),
+    topMenuHeight = topMenu.outerHeight() + 1,
+    // All sidenav items
+    menuItems = topMenu.find("a"),
+  // Anchors for menu items
+    scrollItems = menuItems.map(function() {
+      var item = $(this).attr("href");
+      if (item.length) { return item; }
+  });
+
+  $(window).scroll(function(){
+    var fromTop = $(this).scrollTop()+topMenuHeight;
+    var article = '.pytorch-article'
+
+    $(article).each(function(i){
+      var offsetScroll = $(this).offset().top-$(window).scrollTop();
+      if (offsetScroll <= topMenuHeight + 200 && offsetScroll >= topMenuHeight - 200 && scrollItems[i] == "#" + $(this).children().attr("id") && $(".hidden:visible")) {
+        $(menuItems).removeClass("active");
+        $(menuItems[i]).addClass("active");
+      }
+    })
+  });
+
+</script>
+<script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script>
