【问题标题】:I would like the search bar to follow as i scroll我希望在滚动时跟随搜索栏
【发布时间】:2021-08-31 04:21:13
【问题描述】:

我遇到了问题。我正在为某人做一个网站,他们希望我在他们滚动时跟随搜索栏,但我终其一生都无法做到这一点,请帮助我。 干杯,贾斯汀。 enter image description here

【问题讨论】:

  • CSS position: fixed / position: sticky
  • 无论您选择哪个(粘性或固定),不要忘记您需要 CSS top: 0 来为这两个选项。
  • 请提供足够的代码,以便其他人更好地理解或重现问题。

标签: html searchbar


【解决方案1】:

您可以简单地通过定位搜索栏输入来做到这一点。

#myInput {
  position:fixed;
  top: 0;
}

由于搜索框位于带有导航栏id 的div 内,我建议您改为定位导航栏。这是一个代码笔example

【讨论】:

  • 您好,感谢 sn-p,您可以直接在您的消息中添加 codepen! :)
  • 哦...谢谢。 @Elikill58 我只是想说明滚动过程中的固定位置。
猜你喜欢
  • 2021-05-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-04-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多