Question

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

当我通过<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() ));

Answer 1

缺少jQuery库，您必须将其添加到外部脚本之上。在小提琴示例中，单击javascript代码选项卡右上角的javascript文本，然后从框架中选择一个jquery版本

脚本工作内联，但当我移动到外部不工作？

1 个答案: