在桌面视图中保留Zurb Foundation 4顶部栏上的“固定”和/或“粘滞”功能，而在移动视图中删除该功能的最佳方法是什么？在大型设备上拥有固定的顶部栏非常好，但在移动设备上浪费了宝贵的屏幕空间。
我实际上很惊讶它默认情况下不执行此操作（或至少具有在移动设备上禁用的选项）。
我的快速解决方案如下：
$(function() {
if (Modernizr.mq('only screen and (min-width: 768px)')) {
$('#header').addClass('fixed');
}
});
不过，可能有一个更优雅的解决方案（该解决方案需要调整屏幕大小等）。
编辑：重新阅读我的问题后，并意识到这是非常不清楚的。已更新。
您可以像这样修改.fixed类：
.fixed {
width: 100%;
position: relative;
@media #{$small} {
position: fixed;
top: 0;
left: 0;
}
}
对于大于移动设备的视图，此导航栏将显示为固定，然后应可以自由滚动以用于移动设备。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句