好的，我在这里有fiddle，你可以看到我有一个小的导航，它在滚动时会改变。由于英雄形象需要关注，小导航用于最小化;之后，导航变得更大一些，并要求观众稍微关注一下。
但是现在在处理我的媒体查询时，我想只为移动用户显示第二个导航，因为他们不能在第一个导航栏上悬停（由于显然没有鼠标），所以它们没有用于第一个导航和对他们来说没用。
但我只使用Jquery / JS显示第二个导航。
if ($window.scrollTop() > navShiftBreakpoint) {
$navContainer.addClass( 'full' );}
//full = the second nav & //navShiftBreakpoint = 500px
我无法强制在CSS中添加一个来自CSS的类，所以我对如何解决这个问题有任何想法？
感谢您提前付出的努力/帮助。