My Snow Monkeyでjsを読み込む
my-snow-monkey.phpに、下記のコードを追加する。
/* js読み込み */
wp_enqueue_script(
'msm_scripts',
MY_SNOW_MONKEY_URL . '/js/main.js',
['jquery'],
filemtime(MY_SNOW_MONKEY_PATH . '/js/main.js'),
true
);
jsフォルダと、その配下に、main.jsファイルを作成する。
main.jsに、反映させるjsコードを書く。
下記は一例です。
window.addEventListener('scroll', function () {
const header = document.querySelector('.l-header');
if (window.scrollY > 50) {
header.classList.add('shrink');
} else {
header.classList.remove('shrink');
}
});
jsコードに関しては、正直私も詳しくありませんので、参考サイトからほぼコピペです^^;
