无法将“导航栏”移动到身体下方

Question

我正在尝试将“ mynav”部分向上移动，以便它可以成为身体的子代（html的顶部）。这仅适用于网站的移动版本。

我发现并尝试利用的另一个主题：

---

---

---

How to move all HTML element children to another parent using JavaScript?

http://jsfiddle.net/62f9L/

---

---

---

我尝试了本主题中指定的操作，但我认为我并没有真正成功，因为它仍然将自己定位在id =“ burger”下

var myNav = document.getElementById('myNav');
var myBody = document.getElementById('myBody');

while (myBody.childNodes.length > 0) {
    myNav.appendChild(myBody.childNodes[0]);
}

https://jsfiddle.net/8n6wjtm7/

我希望在移动版本中将“ mynav”移动到body元素下。我想用它来整页打开。有没有办法只在Javascript中执行此操作？我不太喜欢Jquery。谢谢。

Answer 1

好。所以我解决了这个问题。我将菜单固定在移动版本中，以便可以占据整个页面。

position: fixed;
bottom: 0;
top: 0;
left: 0;
width: 40%;