ページ内、ピクセル移動でスムーズに！

質問

こんばんは、HTML等を独学で勉強中です。

ページ内をスムーズに“href #”移動するJqueryは見かけるのですが
ピクセル単位にスムーズに移動するJqueryやJAVAコードはないでしょうか。

自分で

HEAD内で↓
function Spring_Co_ordiname(){
var s1=window.scroll( 900, 700 );
}
BODY内で↓
<li><a href="javascript:Spring_Co_ordiname()"><img src="images/btn_nav.png" width="30" height="30" alt=""></a></li>

というコーディングをしていますが
ここをスムーズなスクロール機能を追加したいんです。

どうぞよろしくお願いします。

回答No.1

b0a0a · ベストアンサー

Y座標の移動だけで良ければこんな感じで
function Down(){
scrollYBy(200,3) //Y距離，継続秒数(省略可能)
}

function scrollYBy(L,S){
T=10;
var T=T*2|0,S=(S||2)*T,b=0,B=0,i=1,h=L/(S/2*(S/2+1)),f;
(f=function (){
B+=(i<=S/2)?h*i:h*(S-i+1);
B-=b=Math.round(B);
scrollBy(0,b);
if(i++<S)setTimeout(f,1000/T);
})();
}

もし重たければfunction scrollYByの２行目のTの値を10から減らしてください
逆に増やすと滑らかになります

お礼

お礼が遅れまして申し訳ございません。
参考にさせて頂きますね。