Html 具有自适应定位的响应式菜单

Html 具有自适应定位的响应式菜单,html,css,user-interface,Html,Css,User Interface,好的,请耐心听我说,我已经做了相当长一段时间的后端开发人员,虽然我在html/css的整个职业生涯中学习了一些前端和用户体验课程,但我仍然想知道我在哪里可以找到某些说明或文章,比如我在哪里可以实现一个不仅具有响应性的菜单(这实际上一点都不复杂)但也会在视口位置更改时调整其位置 我的目标是制作一个与此类似的菜单:一旦开始向下滚动,视口位置将发生变化,菜单将其位置更改为顶部,变得更小,甚至徽标也会发生变化 如果任何人有任何文章或地方,我可以阅读多一点关于如何实现这一点,我将不胜感激 他们称之为粘性菜

好的,请耐心听我说,我已经做了相当长一段时间的后端开发人员,虽然我在html/css的整个职业生涯中学习了一些前端和用户体验课程,但我仍然想知道我在哪里可以找到某些说明或文章,比如我在哪里可以实现一个不仅具有响应性的菜单(这实际上一点都不复杂)但也会在视口位置更改时调整其位置

我的目标是制作一个与此类似的菜单:一旦开始向下滚动,视口位置将发生变化,菜单将其位置更改为顶部,变得更小,甚至徽标也会发生变化

如果任何人有任何文章或地方,我可以阅读多一点关于如何实现这一点,我将不胜感激

他们称之为粘性菜单。 您需要html/css和Javascript来实现这种效果


基本上,当你滚动到一定数量时,你会添加一个固定类,而这个固定类有一些样式,比如
position:fixed;排名:0
etc

要求我们建议、查找或推荐书籍、工具、软件库、插件、教程、解释技术或提供任何其他非现场资源的问题都是堆栈溢出的主题