スムーズスクロールのスピードを緩める

2014/1/26 WordPress っぽいの

昨日の、アンカへのリンクにスムーズスクロールする。。の続き。

ここのブログで使っているテンプレがどうなっているのか。。

は、さておき（しっかり調べなかった(爆）

イイ感じのを見つけましたので。。

jQueryでページ内スムーズスクロール

jQueryでスピードの変化をさせる場合などには、エフェクト機能？効果？を加える

「jQuery Easing Plugin（jquery.easing.1.3.js）」

というものを使用するそうです。

それもヘッダで読み込んだ上で、昨日作った「scrollup.js」を改造。

$(function(){
　　$(‘a[href^=#]’).click(function(){
　　　　if (location.pathname.replace(/^\//,”) == this.pathname.replace(/^\//,”) && location.hostname == this.hostname) {
　　　　　　var target = $(this.hash);
　　　　　　target = target.length && target;
　　　　　　if (target.length) {
　　　　　　　　var sclpos = 30;
　　　　　　　　var scldurat = 1200;
　　　　　　　　var targetOffset = target.offset().top – sclpos;
　　　　　　　　$(‘html,body’)
　　　　　　　　　　.animate({scrollTop: targetOffset}, {duration: scldurat, easing: “easeOutExpo”});
　　　　　　　　return false;
　　　　　　}
　　　　}
　　});
});