修复了加载时的全宽导航栏

Question

请记住，我不是程序员。我正在使用现有的网站模板。我想更改代码以在加载而不是滚动时显示我的标题、徽标和菜单。该模板可以在以下位置找到：

http://seriftemplates.com/excell/

它有代码：

<script type="text/javascript">

$(window).scroll(function () {
  if ( $(this).scrollTop() > 940 && !$('#header, #logo, #menu').hasClass('open') ) {
    $('#header, #logo, #menu').addClass('open');
    $('#header, #logo, #menu').slideDown();
   } else if ( $(this).scrollTop() <= 940 ) {
    $('#header, #logo, #menu').removeClass('open');
    $('#header, #logo, #menu').slideUp();
  }
});
</script>

我将脚本更改为在最后一行中使用 slideDown 而不是 slideUp：

<script type="text/javascript">

$(window).scroll(function () {
  if ( $(this).scrollTop() > 940 && !$('#header, #logo, #menu').hasClass('open') ) {
    $('#header, #logo, #menu').addClass('open');
    $('#header, #logo, #menu').slideDown();
   } else if ( $(this).scrollTop() <= 940 ) {
    $('#header, #logo, #menu').removeClass('open');
    $('#header, #logo, #menu').slideUp();
  }
});
</script>

这使得该栏立即出现，而不是在页面向下滚动一段距离后出现。当我再次向上滚动时，它也停止了消失。

页面在这里：https://www.valledesigns.com/scanning/index.html

但是，我真正想要的是我的顶部标题、徽标和菜单在加载时出现并在页面滚动时保持在那里。可以更改此 javascript 函数来执行此操作吗？

大卫

Answer 1

window.onload = ()=>{
    $('#header, #logo, #menu').addClass('open');
    $('#header, #logo, #menu').slideDown();
}

只需将类设置为“打开”并向下滑动

将脚本标签替换为

<script type="text/javascript">
window.onload = ()=>{
    $('#header, #logo, #menu').addClass('open');
    $('#header, #logo, #menu').slideDown();
}
</script>