jQueryでページ内スクロール。とってもいい感じ。

LINEで送る
Pocket

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のプラグインを入れるより軽量ですし簡単なのでおすすめです!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">