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

Question

好的，所以在这里忍受我，我已经成为一名后端开发人员了很长一段时间，虽然我在html / css的整个职业生涯中都采用了一些前端和ux课程但我仍然想知道我在哪里可以找到某些说明或文章，我在哪里可以获得一个不仅响应的菜单（这实际上并不复杂），还可以在视口位置发生变化时调整其位置。

我的目标是创建一个与此类似的菜单：https://worldofwarcraft.com/en-us/，一旦您开始向下滚动，视口位置会发生变化，菜单会将其位置更改为顶部，变小，甚至徽标也会更改。

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

Answer 1

他们称之为Sticky Menu。 你需要html / css和Javascript才能达到这个效果。

here is a link to an example.

基本上当你滚动到一定数量时，你会添加一个固定类，而不是那个固定类有一些样式，如y2等