我在滚动时使用ScrollFix来修复标题。
虽然它的工作100%正常,但我想禁用/删除此脚本添加到标题.scroll-fix
的类(#header
)以禁用ScrollFix函数当我的视口低于宽度时768px。
我知道我可以通过媒体查询来做到这一点,但长话短说,它只是没有成功,我认为通过javascript使用removeClass显然是最好的选择...但是在做研究之后在线并尝试使用此脚本执行removeClass,我似乎无法正确行事。我很确定这很简单。
注意:我对javascript并不是很好,所以我最终只是在猜测。
这是我的JS FIDDLE
感谢您的帮助,谢谢
答案 0 :(得分:0)
好的,我回答了我自己的问题,因为已经过了几天,看起来对这个话题没什么兴趣/帮助。我决定使用另一种方法,它的工作方式完全相同,但这个方法的优点在于它涉及到最小的jquery / javascript,并且它更依赖于CSS使用媒体查询时更容易操作。
请参阅我的[FIDDLE] [1]并记得将窗口调整进出768px视口以查看效果:
1)当视口低于768px(移动设备模式)时,粘贴/固定导航 ISN' T 在滚动时固定
2)当视口高于768px(桌面/笔记本电脑模式)时,滚动时固定粘滞/固定导航 IS 。
我希望这可以帮助任何想要同样效果的人。
[1]: https://jsfiddle.net/g38mzx1L/1/