javascript - 当窗口大小小于时更改菜单元素

Question

我正在尝试制作一个网站，但我有一个问题（有点）。我已经达到了我想要的效果（就像在 myprovence.fr 中一样） - 滚动后捕捉。这仅适用于窗口大小大于 939 的情况（基本上它必须是全高清显示器）。这样就万事大吉了。但是，如果窗口大小小于 939，我想做正常滚动，但导航完全正常 - 当您点击（滚动到）另一个部分时 - 菜单点变为活动状态（这是一个示例）。我怎样才能做到这一点？我对 jQuery 和 js 很陌生。

我正在尝试在此站点上执行此操作（导航脚本在 main.js 中）

Answer 1

为什么不改用 CSS@media queries呢？

@media all and (max-width: whatever px) and (min-width: whatever px) {
  /*Classes and Id's, elements goes here*/
}