javascript - Jquery 使 div 在页面加载时显示滚动后出现？

Question

我输入此代码是为了在用户滚动经过导航栏时显示一个小 Logo ，效果完美(请参阅:http://wmlgatto.blogspot.co.uk/)，尽管 Logo 在您加载页面时出现。

<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();
  }
});