JavaScriptのプログラムについて
$(function(){
$("#top a").click(function(){
$('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
return false;
})
$("#question a").click(function(){
$('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
return false;
})
$("#q001 a").click(function(){
$('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
return false;
})
$("#q002 a").click(function(){
$('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
return false;
})
$("#q003 a").click(function(){
$('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
return false;
})
$("#q004 a").click(function(){
$('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
return false;
})
});
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
HTMLは少し分かりますが
JavaScriptがまったく分からない素人です。
ネットで調べて上記のようにプログラムし
ページ内リンクを流れるようにスクロールさせることは出来ました。
まずこのプログラムの書き方で合っていますでしょうか？
また、同じ記述が繰り返されているので短くしてやろうと自分なりに
$("#q001 a")
$("#q002 a")
$("#q003 a")
$("#q004 a")
$("#q005 a").click(function(){
$('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
return false;
})
↑のような全くの当て推量の書き方をしてみましたが動作しませんでした。
省略したり短く出来る余地があればそれも教えていただきたいです。
分かる方がおられましたらお願いします。
