javascript - 智能粘性导航菜单

标签 javascript html css menu navbar

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

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

感谢您的帮助!

最佳答案

试试这个

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

关于javascript - 智能粘性导航菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30882967/

相关文章:

javascript - 单选按钮值到输入值

javascript - 如何使用 JavaScript 隐藏没有 HTML dom 的 html 元素?

javascript - Node JS,链接可变数量的 http 请求

javascript - 文本输入不像 react native 中的文本区域那样显示

android - 宽度 :100% in CSS not rendering well in Android 4. 4

css - 如何修复 bulma css 在 768 点中断后制作单列布局,而平板设备应该是 2 列布局?

javascript - jquery - 速度计箭头模仿,向鼠标旋转箭头

javascript - 仅提供请求的内容范围

html - 用百分比将 iframe 内容放入 div 中

html - 边距不适用于 Safari(元素位于页面底部)