作成
jquery:ページスクロール
###source (javascript) $(function(){ // ページ最上部へ $("#btn_top").click(function () { jQuery('body,html').scrollTop(0); return true; }); // 上スクロール $("#btn_up").click(function () { var pos = $(window).scrollTop() - 300 ; jQuery('body,html').animate({scrollTop:pos}, 500, 'swing'); return true; }); // 下スクロール $("#btn_down").click(function () { var pos = $(window).scrollTop() + 300 ; jQuery('body,html').animate({scrollTop:pos}, 500, 'swing'); return true; }); }); ###source (html) <img src="/btn_top.png" width="64" height="64" id="btn_top" alt="上部へ" /> <img src="/btn_top.png" width="64" height="64" id="btn_top" alt="上スクロール" /> <img src="/btn_down.png" width="64" height="64" id="btn_down" alt="下スクロール" />
wakatta 記法
投稿の仕方
基本的な記法
エンジニア向け記法
記法のサンプル
このコンテンツを見る
