Question

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

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

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

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

Answer 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)

滚动时更改CSS

1 个答案: