在滚动时更改 CSS答案

【问题标题】：Change CSS on scroll在滚动时更改 CSS
【发布时间】：2014-09-12 07:30:42
【问题描述】：

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

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

它没有在控制台中注册任何错误。你可以在这里检查它的运行情况。 http://www.staywell.contravent.com密码是CV2014！非常感谢任何帮助。

有没有什么方法可以在没有脚本的情况下做到这一点？纯 CSS？

【问题讨论】：

“它没有在控制台中记录任何错误” – 所以你不考虑 f.e. Uncaught TypeError: undefined is not a function 是个错误……？
您似乎调用了noConflict，因为$ 未定义。（这是控制台中抛出的错误）
你是对的，知道如何解决它吗？
我如何摆脱 noConflict？
我使用“jquery waypoints”插件来满足所有这些需求。

标签： javascript jquery html css scroll

【解决方案1】：

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)

【讨论】：

这仍然有相同的未定义类型错误