javascript - 导航栏分为多个div类-如何将它们全部放在滚动条的顶部？ (JavaScript)

http://www.new.techmoney360.com/是网站，它是在wordpress中创建的。

整个导航部分由

mkd-menu-area

但是，其中有几个不同的<div>和一个<nav>。
我如何才能抓住所有这些并在向下滚动时将它们固定在顶部？

http://www.vice.com完全符合我要模拟的内容

该网站的工作方式是所有html都是通过php创建的，因此更改结构有些困难，我希望避免这样做。我希望我可以应用某种形式的CSS并坚持下去。

这是我尝试在导航菜单上使用的一些javascript。我在导航菜单中添加了一个ID，因此可以轻松地定位它。

window.onscroll = changePos;

function changePos()
{
  var header = document.getElementsById("navmenu");
  if (window.pageYOffset > 70)
  {
      header.style.position = "fixed";
      header.style.top = "0";
  }
  else
  {
      header.style.position = "";
      header.style.top = "";
  }
}

它从来没有奏效：/
这个脚本对我来说很有意义？

最佳答案

将标题固定：

.mkd-top-bar {
  position: fixed;
  [...]
}

.mkd-page-header {
  position: fixed;
  top: 33px;
  [...]
}

信息：http://www.w3schools.com/cssref/pr_class_position.asp

并用边距顶部分隔内容：

.mkd-content {
  margin-top: 200px;
  [...]
}

关于javascript - 导航栏分为多个div类-如何将它们全部放在滚动条的顶部？ (JavaScript)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37574839/