jQueryでコンテツをフルスクリーンに設定
jQueryで各コンテンツをフルスクリーンで表示させる方法をご紹介します
「jquery」でスクロールするとコンテンツ事にスクロールされるスクリプトの紹介です!!
スマホの時に縦幅の影響で表示おかしくなるので、その部分をスクリプの設定で解除します。
「jquery.js」をダウンロード致します。
ダウンロード先
「fullPage.js」をfullPage.js
ダウンロード先
HTMLを記載
下記のソースを追加してください。
content01
content02
content03
content04
Cssを記載
Cssは、ダウンロードした、「fullpage.css」を読み込みます。
Javascriptを記載
下記のソースを追加してください。
※読み込みのcssはサンプルのリンク先を参照してください。
サンプル
下記のソースをお使いください。
表示サンプルを掲載いたします。
サンプルはこちら:jQueryコンテンツフルウィンドウサンプル


失敗から学ぶ!駆け出しコーダーがやりがちな5つの落とし穴
1月 29, 2026デザインとコードの間にある“翻訳力”を磨こう
1月 27, 2026クリックでは閉じないモーダルを表示し、10秒後に自動で別ページへ遷移させる方法
12月 16, 2025