settingsログイン
メニュー

ページ内リンクをスムーススクロールさせたい

閲覧 45
ページ内リンクをスムーススクロールさせたくて導入しましたところ、先に入れていたカウンターアニメーションの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;
});
});
匿名 2017 2/24 質問 JavaScript

ログインまたはユーザー登録してから回答してください。

プログラミング・開発言語、JavaScript の企業/事業者/教室/プロの方のホームページの集客、アクセスアップ、SEO対策効果が期待できるリスティングサイト=Ask-itをぜひご活用ください

Ask IT にようこそ。ここではコミュニティメンバーに質問したり、回答を得ることができます。
ITについて質問したい方へ ITについてプロに質問したい方は会員登録後すぐに質問をする事ができます。

プロフェッショナルの方へ 質問に答えていただけるプロフェッショナルの方は下記をご覧下さい

お気づきの点があれば是非お知らせください
...