floating menu magnets to key tags on viewable area of browser

Question

hi!

is there a simple solution for jquery where while you scroll the page vertically it can look for the 'key' tags (ie, h1, h2) that are (and which are) visible on the screen only? The other 'key' tags that went past the viewable area will be neglected thus the only 'key' tags visible will be found...

I need to ensure that as the user scrolls the page vertically, the floating menu will sort of 'magnet' to the first visible 'key' tag. The floating menu floats visible on the viewable area of the browser and moves (magnets) to the first 'key' tag found!

Appreciate anyone's input on this.

Thanks in advance!