当缩小太多时，如何制作导航栏转换为侧边栏的按钮？

Question

I have seen many sites with a navigation bar that will convert to a button that opens a menu if the page is scaled down too much. An example of this: www.aurelswonderland.com (Scale the windows width down and watch the nav bar dissapear)

How can I implement this myself?

Answer 1

Unless you are using Bootstrap or Foundation, I like to use SlickNav. It's a jQuery plugin that's very easy to use. You just call the slicknav() function on the "ul" in your navigation and you're good to go. You can also pass in options as in most jQuery plugins.

http://slicknav.com/