脚本可以内联工作，但是当我移动到外部时不起作用

我刚刚为我的导航制作了一个脚本。这样，一旦滚动到顶部，它就会变成一个粘性导航。

当我通过 <script> 标签将其放在索引文件的底部时，它效果很好，但是当我尝试将其放置在外部 js 文件中时，它根本不会触发。

全提琴

下面是脚本：

var windw = this;
$.fn.followTo = function ( pos ) {
    var $this = this,
        $window = $(windw);
    $window.scroll(function(e){
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'fixed',
                top: "20px"
            });
        } else {
            $this.css({
                position: 'absolute',
                bottom: '0',
                left: '0', right:'0',
                top: 'inherit'
            });
        }
    });
};
$('#mainNav').followTo( $(window).height() - ( $('#mainNav').innerHeight() + $('.globalHeader').innerHeight() ));