コンテンツへスキップ何か。日々のメモ﻿メニューとウィジェットPROFILE名前:plus9ma個人事業主で頑張るフロントエンドエンジニアです。いつか海外で余生を過ごしたい。ウェブサイトをつくりながら毎日楽しくのんびり暮らしています。スマートフォン表示時だけ適応させたい。Javascriptウィンドウの高さを取得後に要素へ代入するよく使うメモ。なってしまうのでJavascriptで対応してしまうと考える手間が省けるのでお薦め。jQueryウィンドウサイズで画像の表示をJavascriptで切り替える最近よく利用するのでメモがてら。付与すると画面サイズで切り替えます。方のみを記述してください。alt="">要件に応じて命名やウィンドウサイズは適宜変更してくださいね。jQueryフルスクリーン表示からスクロール後にナビなど表示させたい場合のTipファーストビューがフルスクリーン表示されていて、スクロール後に固定ナビなどを表示したい際などを想定。フルスクリーン分スクロールされてない処理topHeader.fadeOut();}});});スクリプトは主にスマートフォンサイトを想定していますが、PC表示でも問題は無いはず。用途に応じて適宜調整すれば良いと思います。トップページだけに適応したいという場合にはBodyに「.topPage」などクラスを指定し、以下のように条件分岐を追加でも良いと思います。要素が存在するかどうかをチェックするのにも使え「.topPage」というセレクタがページに存在する時にのみ、処理を実行します。スマートフォン表示時だけ適応させたい。使う機会があったのでメモ。スマートフォン表示時だけ適応させたい。以下併用して整形させると良い。レスポンシブ時、特定幅以下の場合に動作をストップさせる。レスポンシブ時、特定幅以下の場合に動作をストップさせる。レスポンシブ時、特定幅以下の場合に動作をストップさせる。