jquery srollUp自动回到顶部加载不了

想在面面中做一个自到回到顶部的按钮，使用了jquer.scrollup.min.js这个文件，然后在自己的main.js中加载，代码如下：

$(function() {
    $.scrollUp({
                scrollName: 'scrollUp',
                topDistance: '500',
                topSpeed: 300,
                animation: 'fade',
                animationInSpeed: 200,
                animationOutSpeed: 200,
                scrollText: '',
                activeOverlay: false
            });
    });

然后在主模版文件中加入了这个两个文件，都放在</body>上面的，但在长页面里，如：

http://joinwee.com/lesson/10/

却始终直不了作用，试了几次都这样。

本人能JS认识不够，找不到问题所在，麻烦各位帮我看看。谢谢。

---

1. HTML 里不用特意加一个 id=scrollUp 的链接，scrollUp 插件会自动添加一个的。
2. 调用插件时，scrollText 属性不能是空的，你希望按钮里出现什么字，就把它的值设成什么字。
3. CSS 里要设置相应的样式，至少得设定一下它的位置（通过 top、right、bottom、left 属性）

以下是一个简单的示范：

/* JS */
$(function() {
  $.scrollUp({
    scrollName: 'scrollUp',
    topDistance: '500',
    topSpeed: 300,
    animation: 'fade',
    animationInSpeed: 200,
    animationOutSpeed: 200,
    scrollText: '回到顶部',
    activeOverlay: false
  });
});

/* CSS */
#scrollUp {
  right: 30px;
  bottom: 0px;
  padding: 30px;
  background-color: #eee;
  border: 1px solid #ccc;
}