jQuery使div在页面加载显示滚动后出现？

Question

我输入了此代码，以使一个小的徽标出现在用户滚动浏览导航栏的时候，这很正常（请参阅： http : //wmlgatto.blogspot.co.uk/ ），尽管徽标是在加载页面时出现的。

<script type='text/javascript'>

$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y &gt; 140) {
    $(&#39;.stickylogo&#39;).fadeIn();
  } else {
    $(&#39;.stickylogo&#39;).fadeOut();
  }
});

</script>

我尝试设置.stickylogo {display：none;}，但这似乎无法解决问题。

如何确保页面加载时div不出现？ 谢谢。

Answer 1

试试看

.stickylogo {
    display: none !important;
}

在#navigationbar li上应用的css将显示设置为嵌入式。

并像这样更改滚动功能。

$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 140) {
    $(".stickylogo").attr("style", "display: inline !important");
    $(".stickylogo").fadeIn();
  } else {
    $(".stickylogo").fadeOut();
  }
});