html - 如何删除 purecss 导航栏的滚动条?

标签 html css responsive-design navbar yui-pure-css

在我的网站上,我使用 pure.css,导航栏包含的元素多于小屏幕无需滚动即可显示的元素。因此,在这种情况下会出现一个滚动条,这是我不想要的。 我希望导航栏保持在顶部,以便导航栏和内容同时滚动。当我使用 position:absolute;一切看起来更糟。此外,该导航栏的移动版本应该仍然有效(在移动屏幕上滚动导航栏应该仍然是可能的)。

我也尝试停用 overflow-y,但很明显,并不是导航栏上的每个元素都是可点击的。

最佳答案

如果您希望导航栏和内容同时滚动,则不应使用 position:fixed

  • 移除position:fixed
  • float:left 添加到菜单 div
  • float:right 添加到内容 div

如果我误解了你的意思,Marco Valente 的评论应该很好。

关于html - 如何删除 purecss 导航栏的滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37869596/

相关文章:

javascript - 永久缓慢地向下滚动页面,而不会占用大量 CPU 或滚动滞后

HTML ul 元素没有正确居中

javascript - 通过网络链接在 Whatsapp 中分享信息

html - 如何将 Font Awesome 图标置于顶部栏中的中心?

html - 无法将页眉内容居中 - 导航和 Logo 合二为一

html - 水平滚动表末尾的随机额外空间

javascript - 如何将文本从 DIV 流向 DIV?

css - 使用照片作为我网站的背景

html - 如何使用 - 显示 :Grid 制作响应式网格

javascript - 响应式 Javascript 文件?