【问题标题】:How do I remove the scrollbar of the purecss navbar?如何删除 purecss 导航栏的滚动条?
【发布时间】:2016-06-16 21:26:21
【问题描述】:

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

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

【问题讨论】:

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


【解决方案1】:

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

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

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

【讨论】:

  • 完美,这就是我想要的。现在我只需要弄清楚如何用导航栏背景颜色填充导航栏下方的空间。
  • 当菜单 div 具有活动类时,您应该从 #menu 中删除 position: static
猜你喜欢
  • 1970-01-01
  • 2020-01-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-11-23
  • 1970-01-01
  • 1970-01-01
  • 2021-04-23
相关资源
最近更新 更多