智能粘性导航菜单

Question

我遇到了一个小问题，一些文本在我的粘滞菜单中跳来跳去。这是我的代码：http://jsfiddle.net/u6ywraj8/

如您所见，我希望红色 #menu 在用户向下滚动时保持在顶部。但是，菜单左上角的文本会跳来跳去。我希望此文本始终位于红色菜单的左上角，我不希望它具有初始 ~100px 填充。

感谢您的帮助！

Answer 1

将 float: left; 添加到此 class sticknav{}

sticknav {
  background: #ffffff;
  height: 30px;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  left: 0px;
  right: 0px;
  position: relative;
  z-index: 9999;
  float: left;
}

Answer 2

试试这个

sticknav {
  background: none repeat scroll 0 0 #ffffff;
  display: inline-block;
  height: 30px;
  left: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  right: 0;
  width: 100%;
  z-index: 9999;
}

智能粘性导航菜单

Smart Sticky Navigation Menu

html

javascript

css

menu

navbar