如何使响应式导航菜单保留在页面顶部？

Question

I'm now working on a responsive navigation menu so that my page will be compatible with different platforms. I followed the steps here: http://www.w3schools.com/howto/howto_js_topnav.asp/ but I couldn't make it remain the same position when I shrank the window (I made the menu always remain at the top when my page is on a wide screen). how to make it remain at the top as every navigation bar is meant to?

Answer 1

You probably have to add positioning to your navigation bar:

position: fixed; /* if you want it to stay there even when scrolling */
position: absolute; /* if you just want it at the top of the page, but not at the top of your browser window */
top: 0;
left: 0;
right: 0;