Изменения заголовок фон на свитке в Wordpress Двадцать Четырнадцать

Question

Это то, что я хотел бы видеть, как результат в WP 2014 темы:

http://codepen.io/Paulie-D/pen/ekKru

Я пытался применить то же самое, добавив следующий JS файл и CSS код для моего ребенка темы:

jQuery(document).ready(function($){ 
 
    jQuery(window).bind('scroll', function($) { 
 
    var distance = 50; 
 
    if ($(window).scrollTop() > distance) { 
 
     $('header').addClass('scrolled'); 
 
    } 
 
    else { 
 
     $('header').removeClass('scrolled'); 
 
    } 
 
    }); 
 
});

.scrolled { 
 
    background: #bada55; 
 
}

Кроме того, я dded следующее моей functions.php в детской теме:

function my_custommenu_tf_child() { 
 
\t if (!is_admin()) { 
 
\t if (is_front_page()) { 
 
\t wp_enqueue_script('my_Custommenu', get_stylesheet_directory_uri() . '/js/mycustommenu.js', '', '1.0', true); 
 
\t } 
 
\t } 
 
} 
 

 
add_action('wp_enqueue_scripts', 'my_custommenu_tf_child');

ли на самом деле не работает ... Я не профессиональный разработчик так вместо ссылки на возможные решения, я был бы признателен, если вы можете вставить правильный код, чтобы я мог сравнивать и видеть, что именно не так. Благодаря!

Answer 1

У вас есть код, указанный ниже в файле .js?

.scrolled { background: #bada55; }

Если у вас есть, что вам нужно, чтобы переместить его в какой-то .css файл, а также связаны его в functions.php