Question

我有以下代码，可以在我的#anim-nav

中添加/删除“白色”或“黑色”类

我希望这段代码只能在我的索引页面上工作（我希望.black一直在其他页面上应用）这段代码在一个单独的.js页面中通过标题引入（因此在所有页面上）< / p>

$(window).on('scroll', function () {
 if ($(window).scrollTop() > 75) {
  $('#anim-nav').addClass('bg-fill').removeClass('white').addClass('black');
  } else {
  $('#anim-nav').removeClass('bg-fill').removeClass('black').addClass('white');
 }
});

Answer 1

简单使用类似..........

    if ( is_front_page() && is_home() ) {
    // Default homepage
      $(window).on('scroll', function () {
      if ($(window).scrollTop() > 75) {
      $('#anim-nav').addClass('bg-
      fill').removeClass('white').addClass('black');
      } else {
      $('#anim-nav').removeClass('bg-
      fill').removeClass('black').addClass('white');
     }
    });

    }

Answer 2

首先，在索引页面中放置一个fireActionEvent输入类型（不应该在标题中，而是在单独的索引页面中）

'react-router' does not contain an export named 'browserHistory'.

然后像这样在jquery中获取它的值并将其用于条件：

hidden

Answer 3

您可以通过<input type="hidden" name="is_index" value="1" id="is_index">

进行验证

首先获得位置

var is_index = '';
$(window).on('scroll', function () {
 is_index = $('#is_index').val();
 if ($(window).scrollTop() > 75 && is_index == 1) {
  $('#anim-nav').addClass('bg-fill').removeClass('white').addClass('black');
  } else {
  $('#anim-nav').removeClass('bg-fill').removeClass('black').addClass('white');
 }
});

这将返回一个字符串，您可以检查其是否包含href window.location.href函数

index

includes()

Answer 4

添加一个输入元素或将css类添加到任何索引页面元素或检查索引页面上是否存在任何唯一类，然后在js代码中可以检查如果它存在则只运行代码

例如，我们在索引页面html元素上添加一个类 homeClass ，然后在js中，您可以像下面的示例一样进行检查。

JS代码示例

if($(".homeClass").length) {
$(window).on('scroll', function () {
 if ($(window).scrollTop() > 75) {
  $('#anim-nav').addClass('bg-fill').removeClass('white').addClass('black');
  } else {
  $('#anim-nav').removeClass('bg-fill').removeClass('black').addClass('white');
 }
}
});

仅将代码应用于索引

4 个答案: