javascript - 导航栏被分成多个 div 类 - 如何将它们全部粘贴到滚动条的顶部？ (JavaScript)

Question

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 = "";
  }
}

它从来没有工作过:/这个脚本对我来说很有意义？

Answer 1

将 header 固定:

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

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

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

并用margin top分隔内容:

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