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

问题描述

我在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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

jquery squarespace