修復了加載時的全寬導航欄

Question

請記住，我不是編碼員。 我正在使用現有的網站模板。 我想更改代碼以在加載而不是滾動時顯示我的 header、徽標和菜單。 該模板可在以下位置找到：

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

但是，我真正想要的是讓我的頂級 header、徽標和菜單在加載時出現並在頁面滾動時停留在那里。 可以將此 javascript function 更改為執行此操作嗎？

大衛

Answer 1

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

只需將 class 設置為“打開”並向下滑動

將腳本標簽替換為

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