如何在狭窄的视口上删除jquery scrollfix类

时间:2015-04-12 17:54:10

标签: javascript jquery css

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

我知道我可以通过媒体查询来做到这一点,但长话短说,它只是没有成功,我认为通过javascript使用removeClass显然是最好的选择...但是在做研究之后在线并尝试使用此脚本执行removeClass,我似乎无法正确行事。我很确定这很简单。

注意:我对javascript并不是很好,所以我最终只是在猜测。

这是我的JS FIDDLE

感谢您的帮助,谢谢

1 个答案:

答案 0 :(得分:0)

好的,我回答了我自己的问题,因为已经过了几天,看起来对这个话题没什么兴趣/帮助。我决定使用另一种方法,它的工作方式完全相同,但这个方法的优点在于它涉及到最小的jquery / javascript,并且它更依赖于CSS使用媒体查询时更容易操作。

请参阅我的[FIDDLE] [1]并记得将窗口调整进出768px视口以查看效果:

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

2)当视口高于768px(桌面/笔记本电脑模式)时,滚动时固定粘滞/固定导航 IS

我希望这可以帮助任何想要同样效果的人。

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