wordpress jQuery スクロールトップのアニメーション

Question

###解決したいこと
wordpressのオリジナルテーマでjqueryを使用して、ページトップボタンにアニメーションをつけたいのですがうまく動作しません。
offset().topは動作しているのですが、animateの速さ指定('slow')が動作していません。
どうしたら動作してくれるでしょうか。
('slow')を(500)など数字で指定してもダメでした。

###jQueryコード(スクロールアニメーションが動作しない)

$(function(){
	<!--topボタンスクロールアニメーション-->
	  $('#top-btn').click(function(){
	      var header = $('.header-wrapper').attr('id');
		  var position = $(header).offset().top;
	      $('body,html').animate({
		      'scrollTop':position
		  }, 'slow');
		});
		
	});

###jQueryコード(スクロールアニメーション動作する)

$(function(){
	<!--topボタンスクロールアニメーション-->
	  $('#top-btn').click(function(){
	      $('body,html').animate({
		      'scrollTop':0
		  }, 500);
		});
		
	});

Answer 1

var header = $('.header-wrapper').attr('id');
var position = $(header).offset().top;

直後にalert(header);とかalert(position);をする事をクセ付けるといいですよ。
ここでheaderにはheader-wrapperのid値が入りますから
$(header).offset().top;
これはエラーになるんじゃないですかね。
$('.header-wrapper').offset().top;
これなら値が入ると思います。

Comments

[kotori_00]

回答ありがとうございます。
$('header-wrapper').offset().top;
でスクロールアニメーションが動作しました！