jQueryでコンテツをフルスクリーンに設定
jQueryで各コンテンツをフルスクリーンで表示させる方法をご紹介します
「jquery」でスクロールするとコンテンツ事にスクロールされるスクリプトの紹介です!!
スマホの時に縦幅の影響で表示おかしくなるので、その部分をスクリプの設定で解除します。
「jquery.js」をダウンロード致します。
ダウンロード先
「fullPage.js」をfullPage.js
ダウンロード先
HTMLを記載
下記のソースを追加してください。
content01
content02
content03
content04
Cssを記載
Cssは、ダウンロードした、「fullpage.css」を読み込みます。
Javascriptを記載
下記のソースを追加してください。
※読み込みのcssはサンプルのリンク先を参照してください。
サンプル
下記のソースをお使いください。
表示サンプルを掲載いたします。
サンプルはこちら:jQueryコンテンツフルウィンドウサンプル
タグの使い方と実装ポイント"> ブラウザのアドレスバーをブランドカラーに!タグの使い方と実装ポイント
1月 12, 2025レスポンシブコーディングで気をつけること
1月 9, 2025jQueryページ移管時のアニメーションの最適化
12月 19, 2024