Как отобразить прокручиваемую навигационную панель при обновлении страницы sh?

Question

Итак, я получил этот скрипт:

$(function() {
  var header = $(".header-nav");
  $el = $(".header_logo a").clone().addClass('cloned');

  $(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll >= 50) {
      header.addClass("scrolled");
    } else {
      header.removeClass("scrolled");
    }

    if (scroll > 50) {
      $el.appendTo(".header-logo");
    } else {
      $('.cloned').remove();
    }
  });
});

Он фиксирует навигационную панель на свитке и клоне lo go и сбрасывает ее на верхней странице.

Но если я переосмыслил sh Страница посередине, панель навигации не отображается, потому что она отображается только при прокрутке.

Есть ли способ исправить это, пожалуйста?

Спасибо.

Answer 1

Как предполагает evolutionxbox, вы должны переместить свой код в функцию и вызывать его как при прокрутке, так и при загрузке, как это:

$(function() {
  var header = $(".header-nav");
  $el = $(".header_logo a").clone().addClass('cloned');
  myScroller();

  $(window).scroll(function() {
    myScroller();  
  });

  function myScroller(){
    var scroll = $(window).scrollTop();
    if (scroll >= 50) {
      header.addClass("scrolled");
    } else {
      header.removeClass("scrolled");
    }

    if (scroll > 50) {
      $el.appendTo(".header-logo");
    } else {
      $('.cloned').remove();
    }
  }
});