blogワクワクを生み出せるWebエンジニアを目指して。この広告は、90日以上更新していないブログに表示しています。Effect背景画像のパララックスは以前自作しましたが、プラグインがあったので使ってみたいと思います。同梱していたライブラリでサイト内遷移がヌルッと動くスムーズスクロールも実装してみました。ライブラリのダウンロード以下の公式サイトからライブラリファイルをダウンロードします。Developer今回ダウンロードしたのはjquery-parallax-1.1.3.zipです。この中から使うのは以下のファイル。(localscrollの中で使われいます)以下のjqueryバージョンで動作が確認できました。jquery1.6.4.min.js(今までjquery-2.1.4.min.jsを使ってきましたが、これを使うとスムーズスクロールが動作しませんでした。メジャーバージョンはさすがに合わせないとダメか...)基本的な使い方HTMLまずはJSを呼び出し。src="./js/jquery.scrollTo-1.4.2-min.js"></script>ナビゲーションと背景用のdiv領域を用意します。--></div>CSS背景画像をCSSから指定します。scrollTo)#navに対してlocakScroll()関数を指定するだけで、スムーズスクロールが実装できます。$('#nav').localScroll();parallax使い方は以下のとおり。0.3);実際にはスクロールすることで以下の0(表示位置)を変化させています。このプラグイン使う必要もないかも...垂直方向の相対的な速度を変えたいという特殊な場合などがあれば、楽かもしれないですね。DEMO重力、バウンド、慣性。Tanakaワクワクを生み出せるWebエンジニアを目指して。【62:PageTopへ戻る】使えるいい感じページトップへ戻るリンク【61:videoタグで背景動画】HTML5のvideoタグで動画を背景に使う月別アーカイブ検索はてなブログをはじめよう!seintoseiyaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。