var tags = $(".icon-box");//select icon boxes

console.log("Number of icon boxes : " + $(tags).length);

if($(tags).length) {
 console.log('Icon boxes are available on the page.');
} else {
 console.log('No Icon boxes are available on the page.');
}

.icon-box {
 padding: 1rem;
 background: #CCC;
 margin: 1rem;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<div class="icon-box">Icon 1</div>
<div class="icon-box">Icon 2</div>
<div class="icon-box">Icon 3</div>

您可以检查页面上可用元素的长度（长度是具有特定选择器的元素的数量）。

示例代码：

if ( $( "#myDiv" ).length ) {
    $( "#myDiv" ).show();
}

或

if ( $( "#myDiv" ).length > 0 ) {
    $( "#myDiv" ).show();
}

您需要将部分代码放入另一个IF条件中，如下所示。

if ($(tags).length) {
    //this code makes the 'what we offer' icon boxes become visible on scroll
    if ($(tags[0]).position().top) {
        for (var i = 0; i < tags.length; i++) {
            var tag = tags[i];

            if ($(tag)?.position().top < pageBottom) {
                $(tag).addClass("visible");
            } else {
                $(tag).removeClass("visible");
            }
        }
    }
} else { console.log('Not on Page') }

我希望这会有所帮助。
谢谢，吉格内什·拉瓦尔

您可以稍微简化代码，但也可以在尝试访问第一个位置之前检查是否存在任何此类元素。
编辑：我有forEach(，这是我的语法错误-我可以使用这个原生JavaScript函数，但我们已经有了jQuery对象，所以我们可以使用.each()引用：https://api.jquery.com/each/
在本例中，tags为选择器$(".icon-box");返回jQuery。each(然后为这些元素中的每个元素（如果有的话）调用函数(function() {，其中this是ONE元素。
我还使用了一个稍微更具描述性的$(tags).first() ref：https://api.jquery.com/first/
如果出于某种原因，您需要索引，您可以使用此表单：.each(function( index )
我加了一个恶心的元素来诱导滚动。

var didOne = false;
$(() => {
  try {
    $(document).on("scroll", function() {
      const pageTop = $(document).scrollTop();
      const pageBottom = pageTop + $(window).height();
      const tags = $(".icon-box");
      const hasTags = !!$(tags).length;
      const $window = $(window);
      if (hasTags) {

        const distance = tags.first().offset().top;
        tags.each(function() {
          const tag = this;
          const distance = $(this).offset().top;
          const wScrollT = $window.scrollTop();
          let isONTop = wScrollT >= distance;
          $(tags).first().text("Dist:" + distance +":"+wScrollT+":" +isONTop);
          $(tag).toggleClass("visible", isONTop);
        });
      }
      if (!$(tags).length && !didOne) {
        didOne = true; // avoid excess logging
        console.log('No tags on Page');
      }
    });
  } catch (err) {
    console.log(err)
  }
});
$('.add-one').one('click', function(event) {
  $('.bigger-me').prepend('<div class="icon-box">icon box</div>');
})

.bigger-me {
  border: solid 1px #00ff00;
  padding-top: 300px;
  padding-bottom: 300px;
  background-color: #00ff0020;
}
.visible{border: solid green 3px;}
.icon-box {
  padding: 1em;
  background-color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button class="add-one" type="button">Add one just to test</button>
<div class="bigger-me">Here we are today is the best day of the day!</div>