How to scroll until certain part of the view

Hi averyone

I hope you understand me…

I have in this order these elements on the html view:

  1. Navbar
  2. Image
  3. Menu
  4. Data Table

So, I want the user can scroll until the image disappear, the menu will remain in the top view and the user can continue scroll(the menu has to not move)

You can see one example in this video
https://www.dropbox.com/s/sqobqn6z28uv873/VID-20210110-WA0000.mp4?dl=0

How can I do that?, my app it’s a PWA

Old article, but explains what you want.

Another option with jQuery

Thanks Fernando.

Let me chek