在 Wordpress 24 中更改滚动标题背景答案

【问题标题】：Change header background on scroll in Wordpress Twenty Fourteen在 Wordpress 24 中更改滚动标题背景
【发布时间】：2017-02-07 14:35:38
【问题描述】：

这是我希望在 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;
}

此外，我在子主题中的functions.php中添加了以下内容：

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

add_action('wp_enqueue_scripts', 'my_custommenu_tf_child');

并没有真正奏效...我不是专业的开发人员，因此如果您能插入正确的代码，我将不胜感激，而不是参考可能的解决方案，以便我可以比较并查看到底出了什么问题。谢谢！

【问题讨论】：

标签： javascript css wordpress navigation onscroll

【解决方案1】：

.js 文件中是否有以下代码？

.scrolled { background: #bada55; }

如果你有，你需要将它移动到某个.css 文件，并将它链接到你的functions.php中

【讨论】：

我当然在 CSS 中有它......但不确定它应该如何链接到 functions.php？能否提供详细信息/代码？
这里有所有解释（带代码）：codex.wordpress.org/Child_Themes
添加自定义 css 的更简单方法可能是使用这个插件：pl.wordpress.org/plugins/simple-custom-css
好的，所以我误解了你的评论。是的，我使用子主题，我将上面的 css 添加到我的自定义 css 文件中，该文件链接到 functions.php。无论如何，使用CSS我都很好，问题一定是javascript代码或者我试图通过函数php文件让它工作的方式。