jQueryでのスクロールにつきまして

Question

jQueryでのスクロールにつきまして、下記①はサイト全体で利用しております。下記②は特定のページで利用しており、且つその特定のページでは下記①も利用しています。

問題といたしましては、特定のページで下記①②を利用した際に②の動きがスムーズでなくもたついてる感じになります。
※①を削除した場合、スムーズになります。
※②があっても①は特定のページを含め問題はありません。

特定のページで下記①②を利用しつつ、動きも通常時にする方法はどのようにしたらいいのでしょうか？

ご教示いただけますと幸いです。

①

jQuery(function($){
if (window.matchMedia( '(min-width: 768px)' ).matches) {
jQuery(function(){
var headerHeight = 0;
jQuery('a[href^="#"]').click(function(){
var speed = 500;
var href= jQuery(this).attr("href");
var target = jQuery(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top-headerHight;
jQuery("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});
} else {
jQuery(function(){
var headerHeight = 100;
jQuery('a[href^="#"]').click(function(){
var speed = 500;
var href= jQuery(this).attr("href");
var target = jQuery(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top-headerHight;
jQuery("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});
};
});

②

jQuery(function($){
if (window.matchMedia( '(min-width: 768px)' ).matches) {
jQuery(function(){
var headerHeight = 0;
jQuery('a[href^="#aaa"]').click(function(){
var speed = 500;
var href= jQuery(this).attr("href");
var target = jQuery(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top-headerHight;
jQuery("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});
} else {
jQuery(function(){
var headerHeight = 100;
jQuery('a[href^="#aaa"]').click(function(){
var speed = 500;
var href= jQuery(this).attr("href");
var target = jQuery(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top-headerHight;
jQuery("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});
};
});