javascript - 滚动侧边栏抛出 Javascript 错误 "Cannot call method ' offset' of null

Question

基本上，我正在开发一个侧边栏，它只会在浏览器窗口到达时滚动。

更新 2:

这是我目前正在使用的代码:

$(function() {
var $sidebar   = $("#sidebar"),
    $window    = $(window),
    offset     = $sidebar.offset(),
    topPadding = 15;

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.addClass('fixed');
        } else {
            $sidebar.removeClass('fixed');
        }
    });
});

我不再收到错误，但是滑动不起作用。 This fiddle here 显示了所需的效果，我的 CSS 完全相同:http://jsfiddle.net/dKDJz/647/

Answer 1

如果此代码在您的 fiddle 中有效，您可能需要检查两件事:

• 将您的代码包装在就绪函数中

可能是您的代码在元素存在/呈现之前运行。在那种情况下，用 ready 包裹你的代码功能

$(function() {
  // your code
});

• 检查您是否正在加载 jQuery 库文件。

如果您没有加载 jQuery 库文件，请将其添加到您页面的标记内。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>