图像默认加载，而不是使用JQuery:Image on Scroll Down函数保持隐藏

Question

我是一个jquery新手，试图让我的徽标保持隐藏状态，只在向下滚动时显示。

以下jquery代码的问题是，当我加载网站时，它会使我的徽标出现

只有当我滚动一次时，代码才能正常工作，但是我想让jquery加载隐藏图像的页面。我如何修复以下代码来实现这一点？

<script>
(function($) {
    var $logo = $('.logo');
    $(window).on('scroll', function() {
       $logo.css({display: $(window).scrollTop() > 300 ? "block":"none"});
    });
})(jQuery)</script>

Answer 1

您应该加载隐藏该元素或不显示该元素的css。

你可以直接从css（我建议这样做）如下：

.logo{
    display: none;
    // or
    visibility: hidden;
}

或者，使用jQuery作为：

在var $logo = $('.logo');之上添加$('.logo').css('display','none');。

然后使其再次可见，$('.logo').css('display','block');。

希望能有所帮助！