在functions.php中使用此PHP代码段的正确方法？

Question

我想使用HTML网站中已经使用的javascript代码片段来显示一个按钮，该按钮使用户可以快速向上滚动至页面顶部。我想将其集成到我的Wordpress主题中，最好是在functions.php文件中。

此刻，我刚刚将以下代码段复制到我的functions.php文件中。

var btn = $('#to-top-button');

$(window).scroll(function() {
  if ($(window).scrollTop() > 300) {
    btn.addClass('show');
  } else {
    btn.removeClass('show');
  }
});

btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
});

我显然收到一条错误消息（解析错误：语法错误，意外的'var'（T_VAR））...有人可以帮助我吗？谢谢