1

デスクトップ ビューでは Zurb Foundation 4 のトップバーの「固定」および/または「スティッキー」機能を維持し、モバイル ビューでは削除する最善の方法は何でしょうか? トップバーを固定することは、より大型のデバイスに最適ですが、モバイルデバイスでは貴重な画面領域を無駄にします.

デフォルトでこれを行わないことに実際に驚いています（または、少なくともモバイルデバイスで無効にするオプションがあります）。

私の簡単な解決策は次のとおりです。

$(function() {
    if (Modernizr.mq('only screen and (min-width: 768px)')) {
        $('#header').addClass('fixed');
    }
});

ただし、おそらくもっと洗練された解決策があります (また、画面のサイズ変更などを処理する解決策もあります)。

編集：後で私の質問を読み直して、それが非常に不明確であることに気づきました。更新しました。

4

3 に答える 3

0

私の答えは明白すぎるかもしれませんが、モバイル デバイス用のメディア クエリを試してみましたか?

.top-bar {
    display: none;
}
于 2013-08-05T21:35:38.697 に答える
0

よりエレガントかどうかはわかりませんが、基盤テンプレートのいくつかの要素に表示される .hide -for-small .show-for- smallを使用すると思います。繰り返しを意味することはわかっていますが、多分トップバーのモバイルフレンドリーなレイアウトの機会。それが役に立てば幸い。

于 2013-08-16T20:44:48.387 に答える