带偏移的侧边栏不起作用。我错了什么?

时间:2014-06-16 09:48:49

标签: javascript jquery html css

您好我使用fixate.it中的stickToTop(http://sdbondi.github.io/jquery-sticktotop/)制作一个侧边栏,当您向下滚动时它会移动。

这是我的JSfiddle:http://jsfiddle.net/f6VwP/

那里的一切都很好......我只想要它,但是当我在我的代码程序中使用它时它根本不起作用。

我认为我将如何将js代码放在index.html中有所作为,但我不确定。 我把这个脚本链接放在正文中:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://sdbondi.github.io/jquery-sticktotop/jquery-sticktotop.js"></script>

我在另一个名为jquery.stickToTop.js的文件中制作的其他javascript这段代码是这样的代码:

<script type="text/javascript" src="js/jquery.stickToTop.js"></script> 

stickToTop.js的代码是:

;(function () {


var navHeight = $('.sticky').outerHeight(true);

$('.js-sticky').stickToTop({ offset: {top: 50}});


})();

那么,我错了什么? 谢谢!

1 个答案:

答案 0 :(得分:0)

一切都很好,因为它假设jQuery.ready函数我想你必须改变你的jQuery代码:

$(function () {


var navHeight = $('.sticky').outerHeight(true);

$('.js-sticky').stickToTop({ offset: {top: 50}});


});

让我知道它是怎么回事。