如何使此代码仅在WordPress网站的主页上有效?

时间:2019-03-05 19:13:33

标签: javascript jquery wordpress

如何使此代码仅在WordPress网站的主页上起作用?

jQuery(document).ready(function($) {
  var scrolled;
  window.onscroll = function() {
    scrolled = window.pageYOffset || document.documentElement.scrollTop;

    if (scrolled > 400) {
      $(".mega-menu-link").css({
        "color": "rgba(102,102,102,0.85)"
      })
    }

    if (400 > scrolled) {
      $(".mega-menu-link").css({
        "color": "rgba(255,255,255,0.8)"
      })
    }
  }
});

1 个答案:

答案 0 :(得分:0)

仅在主页上包含脚本的一种方法是将代码放入文件中,并在页眉或页脚中使用if条件。同样,您也可以仅将代码包含在上面提到的主页中。

<?php if(is_front_page()){?>
    <script src="your_script.js"></script>  
<?php } ?>