jQueryでコンテツをフルスクリーンに設定

jQueryで各コンテンツをフルスクリーンで表示させる方法をご紹介します

「jquery」でスクロールするとコンテンツ事にスクロールされるスクリプトの紹介です!!
スマホの時に縦幅の影響で表示おかしくなるので、その部分をスクリプの設定で解除します。

「jquery.js」をダウンロード致します。
ダウンロード先
「fullPage.js」をfullPage.js
ダウンロード先

HTMLを記載

下記のソースを追加してください。

Cssを記載

Cssは、ダウンロードした、「fullpage.css」を読み込みます。

Javascriptを記載

下記のソースを追加してください。
※読み込みのcssはサンプルのリンク先を参照してください。

サンプル

下記のソースをお使いください。
表示サンプルを掲載いたします。

サンプルはこちら:jQueryコンテンツフルウィンドウサンプル

%d人のブロガーが「いいね」をつけました。