0

ブートストラップのレスポンシブ ナビゲーションに似たものを作成しようとしています。メディア クエリが開始されるように画面サイズを縮小すると、メニュー ボタンをクリックすると、ul が下にスライドします。しかし、メニューボタンをもう一度クリックすると、ul が上向きになりますが、すぐに元に戻ります。どうすればこれを防ぐことができますか? また、おまけとして、メニュー ボタンをクリックして ul を下にスライドさせると、メニュー ボタンの右側の背景が残りの ul/nav とは異なる色になります。ナビ全体で背景を一定に保つ方法はありますか?

ペイン付きの jsFiddle は次のとおりです: http://jsfiddle.net/scottm28/mRbPd/

フルスクリーン: http://jsfiddle.net/scottm28/mRbPd/embedded/result/

4

2 に答える 2

1

私はelseステートメントに追加{}しましたが、今はうまくいきます：http://jsfiddle.net/mRbPd/1/

于 2012-09-24T18:52:37.430 に答える
1

ブラケットを追加して修正しました...

http://jsfiddle.net/mRbPd/2/

背景色が異なるのは CSS レンダリングのバグによるものだと思います。正しくレンダリングされる場合と正しくレンダリングされない場合があるためです。いつでもクラスにグラデーションを適用し、それが機能することを切望している場合は、すぐに削除してから再適用できます。

この種のグラデーションの問題は修正されますhttp://jsfiddle.net/mRbPd/3/が、ブラウザーがグラデーションを再描画する必要があることを意味するため、クラスを再適用するのは非常に非効率的だと思います。

于 2012-09-24T18:52:37.903 に答える