ページ内リンクをスムーススクロールさせたくて導入しましたところ、先に入れていたカウンターアニメーションのjsと競合するらしくどちらも動作しません。
jsは全くの初心者なので対応策が分からず質問させていただいております。
両方をきちんと動作させることは可能でしょうか。
アドバイスお願いいたします...
1.カウンターアニメーションの記述
(function(){$.fn.countTo=function(t,a){return null==a&&(a={}),$(this).each(function(){var n,e,i,l,o,r,s,u;return n=$(this),null==a.decimals&&(a.decimals=0),null==a.duration&&(a.duration=1),null==a.max_steps&&(a.max_steps=100),null==a.min_steps&&(a.min_steps=1),e=(n.text()||"").replace(/,/g,""),e=parseFloat(e,10)||0,t=parseFloat(t,10),Number.isNaN(t)&&(t=e),l=t-e,o=Math.abs(Math.round(l)),o=Math.max(o,a.min_steps),o=Math.min(o,a.max_steps),o=Math.min(o,a.max_steps*a.duration),u=l/o,s=1e3*a.duration/o,i=n.data("countTo")||{},n.data("countTo",i),i.interval&&clearInterval(i.interval),r=0,i.interval=setInterval(function(){var t,l;return l=e+r*u||0,l=l.toFixed(a.decimals),t=l.toString().split("."),t[0]=t[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),l=t.join("."),n.text(l),++r>o?(n.removeData("countTo"),clearInterval(i.interval),"function"==typeof a.done?a.done():void 0):void 0},s)})}}).call(this);
2.ページ内スムーススクロールの記述
$(function(){
$('a[href^=#]').click(function(){
var speed = 500;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});