请问如何固定住顶部导航栏？

顶部我使用position:fix固定住了，但是发现个问题，拉到上拉和下拉都会造成这个上下抖动。应该是滚动条是整个页面的，所以怎么可以把滚动区域变成红色的部分。这样上拉下拉就不会影响到绿色区域。或者有什么更好的办法固定住绿色的部分呢