私がやろうとしていることを最もよく説明するために、このcodepenを設定しました。
http://codepen.io/cfed/full/pfvwr
メディアクエリを使用して、4番目のdivのコンテンツ領域を非表示にし、ブラウザが1300px未満の場合、divを親コンテナの下部に固定しています。私はjqueryを使用してこのdivの表示を切り替えています。この部分は正常に機能しています。
私がここから達成しようとしていることは次のとおりです-
- ブラウザが1300pxより大きい場合、divは常に表示されます。つまり、誰かがブラウザを最小化し、表示を切り替えてから、より広いビューに戻ると、元の位置に戻るはずです。現在、最小化された状態で戻ることができます。
- jquery関数は、ブラウザが1300px未満の場合にのみ機能します。したがって、ブラウザが1300pxより大きいときにリンクをクリックしても、何も起こりません。
私を正しいアプローチに向ける手助けをいただければ幸いです。