响应式菜单位置css

Question

我们已从此网站提取响应式菜单

http://mattkersley.com/demos/responsive_menu/

当我调整屏幕大小时，页面顶部显示的菜单选择框默认。 我发现下面的代码会导致问题。但如果我改变这个，响应式菜单就不起作用了。

var settings = {
combine: true, //combine multiple menus into a single select
groupPageText: 'Main', //optgroup's aren't selectable, make an option for it
nested: true, //create optgroups by default
prependTo: 'body', //insert at top of page by default
switchWidth: 650, //width at which to switch to select, and back again
topOptionText: 'Select a page' //default "unselected" state
}

如何更改菜单的位置？

Answer 1

我通过更改“prependTo：'body'”中的属性来实现此目的。我们需要提供像nav，p，div这样的html标签来显示该位置的导航。