滚动时导航会突出显示

Question

我正在创建投资组合网站：https://invis.io/GNGW7QN5DA8#/291319917_Desktop

这是一个长页面页面，您可以一个接一个地滚动浏览一个项目。

我的问题：我希望导航在滚动到每个项目时突出显示蓝色（滚动过去时返回灰色）。 请参阅此第14个解释视频：https://vimeo.com/264827483

其他问题：由于页面大小非常大，内容很多，我希望隐藏项目直到您滚动...这是我目前使用的内容：

function yHandler() {
  var allcontent = document.getElementById('allcontent');
  var contentHeight = allcontent.offsetHeight - 500;
  var yOffset = window.pageYOffset;
  var y = yOffset + window.innerHeight;
  if (y >= contentHeight) {
    allcontent.innerHTML += '<div>NEWLY INSERTED CONTENT</div>'
    // Ajax call to get more dynamic data goes here
  }
}

window.onscroll = yHandler;

我可以在隐藏的内容旁边实现导航突出显示，直到用JS滚动吗？

非常感谢您的时间！