Javascript 更改滚动上的CSS

我这辈子都不能让它工作。我正在尝试运行一个简单的脚本来更改徽标的显示属性。它最初设置为“无”，一旦浏览器向下滚动170px，它应切换为“阻止”。这是我正在使用的脚本

var $logo = $('#mainlogo');
$(document).scroll(function() {
$logo.css({display: $(this).scrollTop()>170 ? "block":"none"});
});

它没有在控制台中记录任何错误。你可以在这里检查它是否运行。密码是CV2014！非常感谢您的帮助

没有脚本，有没有办法做到这一点？纯CSS

var $logo = $('#mainlogo');
$(window).on('scroll', function() {
   $logo.css({display: $(window).scrollTop() > 170 ? "block":"none"});
});

尝试将代码包装到带有$jQuery参数的自调用函数中：

(function($) {
    var $logo = $('#mainlogo');
    $(window).on('scroll', function() {
       $logo.css({display: $(window).scrollTop() > 170 ? "block":"none"});
    });
})(jQuery)

---

“它没有在控制台登记任何错误”——所以你不考虑f.e. Uncaught TypeError：未定义不是一个函数是一个错误……你似乎被称为NoRebug，因为$是未定义的。控制台中抛出的错误是什么？你是对的，知道如何修复它吗？我如何摆脱noConflict？我使用jquery waypoints插件满足所有这些需求。这仍然有相同的未定义类型错误