向下滚动时淡入元素-但仍在加载时显示

Question

我在Squarespace中整合的网站上有两个元素的关注脚本。效果很好，但是当我加载页面时，这两个元素仍然显示。一旦我开始滚动，它们就会消失，然后以正确的滚动深度重新出现。

而且，由于我对脚本不是很熟悉，有没有办法将两者更优雅地结合在一起？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Fades in the side nav when you scroll down -->
<script>
$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 600) {
    $('#block-yui_3_17_2_1_1598446896960_13951').fadeIn();
  }
  else {
    $('#block-yui_3_17_2_1_1598446896960_13951').fadeOut();
  }
});
</script>

<script>
$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 600) {
    $('#block-yui_3_17_2_1_1598448609497_14674').fadeIn();
  } else {
    $('#block-yui_3_17_2_1_1598448609497_14674').fadeOut();
  }
});
</script>