How to scroll until certain part of the view

Questions
1

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

2

Old article, but explains what you want.

Another option with jQuery

3

Thanks Fernando.

Let me chek