javascript - 如何在窄视口(viewport)上删除 jquery scrollfix 类

Question

我正在使用 ScrollFix在滚动时修复我的标题。虽然它 100% 正常工作，但我想禁用/删除该脚本添加到我的 header #header 的类 ( .scroll-fix ) 以禁用 ScrollFix 函数 WHEN我的视口(viewport)低于 768 像素的宽度。

我知道我可以通过媒体查询来做到这一点，但长话短说，它只是行不通，我认为通过 javascript 使用 removeClass 显然是最好的选择......但是在进行在线研究并尝试用这个脚本做一个 removeClass，我似乎不能正确。我很确定这很简单。

注意:我一点也不擅长 javascript，所以大多数时候我只是猜测。

这是我的 JS FIDDLE

非常感谢你的帮助，谢谢

Answer 1

好吧，我正在回答我自己的问题，因为已经过去几天了，看起来对这个话题没有太多兴趣/帮助。我决定使用一种工作方式完全相同的替代方法，但这种方法的好处是涉及的 jquery/javascript 最少，而且它更多地依赖 CSS，这使得在使用媒体查询时更容易操作。

请参阅我的 [FIDDLE][1] 并记住在 768px 视口(viewport)中调整窗口大小以查看效果:

1) 当视口(viewport)低于 768px(移动设备模式)时，粘性/固定导航ISN'T在滚动时固定

2) 当视口(viewport)大于 768px(桌面/笔记本模式)时，粘性/固定导航是在滚动时固定。

我希望这对任何想要同样效果的人有所帮助。

[1]: https://jsfiddle.net/g38mzx1L/1/