2014年6月6日 10:02 PM  カテゴリー: javascript, jQuery, web制作

jQueryでページ内をいい感じにスクロール。

今回はWordpressで実装してみました。簡単軽量だれでも出来るのでぜひお試しください。下記参考サイト。KLUTCHEさんありがとうございました!

http://klutche.org/archives/536/

ソースコード

このページで実装しています。見ていただくとわかりやすいかも。もくじのどれかをクリックしてみてください。

http://gallery-lounge.com/wordpress-if-tag/

このスクロールはjQueryを使用しているので、header.phpにてjQueryを読み込んでいることが前提です。バージョンは任意で。wordpressなら下記記述に関しては不要ですのでhtmlからでOKです。

HTML

目次として下記リンクを作成

リンク先にはidで着地点を作成

javascript

下記はWordPressで使用する際の記述方法です。header.phpの任意の場所へ記述してください。

var speed = 500;の数字はミリ秒です。数字が小さい程スピードが早くなります。

簡単実装で気持ちいいヌルヌル感です。ページ内でスクロールするスクリプトを探している方、WordPressのプラグインを入れるより軽量ですし簡単なのでおすすめです!

ABOUT

仕事と子育てを楽しむパパです。 趣味は漫画、映画、海外ドラマ、波乗り、スノボ、カメラ。 最近いけてないけど旅行も大好き。仕事はweb以外にも企業向け技術教育事業、投資、ディレクション、アパレル、写真、店舗プロデュースなどなどなんでもこなします。

Twitter