在页面加载后滚动显示后，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();
  }
});