How to highlight website menu when scrolling?

Question

JavaScript

How to highlight the site menu on the landing page from the current active section? For example, if I scrolled to "Buns", then the menu item with buns is active, and so on.

Scroll directly with a normal mouse. That is, the section on the screen - highlighted acc. menu. If with JS, what is the best way to check for a section on the screen?

Answer 1

Google Scrollspy
to the first link in Google https://codepen.io/zchee/pen/ogzvZZ