Question

这就是我想在WP 2014主题中看到的结果：

我尝试通过将以下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');

没有真正起作用......我不是专业的开发人员，所以如果您能插入正确的代码以便我可以比较并查看究竟是什么错误，我将不胜感激。谢谢！

Answer 1

您是否在.js档案中有以下代码？

.scrolled { background: #bada55; }

如果有，您需要将其移至某个.css文件，并将其链接到您的functions.php

在Wordpress Twenty十四中滚动更改标题背景

1 个答案: