Javascript错误：codepen.io上未定义Window.CP

我在codepen.io上的笔上遇到JavaScript错误

TypeError:window.CP未定义

我试图查找它，了解它连接到无限循环保护，但我找不到解决问题的方法

这里是指向上的笔（不起作用的地方）和a（起作用的地方）的链接

下面是代码段上的代码（它也可以在其中工作）

（绿色块应该在滚动时改变颜色）

函数滚动函数（）{
var content=document.getElementById（'content'）.queryselectoral（'p'））
var contentY=[]
对于（i=0；icontentY[i]-windowY*0.4）{
phone.classList.add（'color'+（i+1））
phone.classList.remove（'color'+i）
}否则{
phone.classList.remove（'color'+（i+1））
}
}
}
window.onscroll=函数（）{
scrollFunction（）
}

正文{
背景：白色；
颜色：#323232；
字体大小：300；
高度：100vh；
保证金：0；
字体系列：Helvetica neue，roboto；
}
导航{
位置：固定；
排名：0；
左：0；
宽度：100%；
背景：白色；
-网络工具包盒阴影：0px-6px 25px 20px rgba（0,0,0,0.44）；
-moz盒阴影：0px-6px 25px 20px rgba（0,0,0,0.44）；
盒影：0px-6px25px20pxRGBA（0,0,0,0.44）；
}
导航ul{
列表样式：无；
显示器：flex；
柔性包装：包装；
}
李国荣{
填充：0 1rem；
}
主要{
显示器：flex；
柔性包装：包装；
对正内容：空间均匀；
}
#内容{
宽度：50%；
}
/*第一段有一个页边空白顶部=屏幕的大小*/
#内容p：第一个孩子{
边际上限：100vh；
}
#内容p{
保证金：0；
边缘底部：100vh；
}
/*与第一段相同的页边距顶部+距顶部40%的粘性*/
#电话{
边际上限：100vh；
宽度：8雷姆；
身高：13雷姆；
最大高度：70vh；
位置：粘性；
最高：40%；
背景：浅绿色；
过渡：背景0.2s；
}
#手机颜色1{
背景：紫罗兰属；
}
#手机颜色2{
背景：紫色；
}
#手机颜色3{
背景：皇家蓝；
}
#手机颜色4{
背景：rgb（30150104）；
}

菜单
酒吧
滚动
影响


一次又一次的家庭性爱会让你变老。她在路上遇到的那些琐碎的笑声。


完成她的是它的尊贵的图画。很好，我不知道爱德华十。特别是一个吵闹的人，他相当频繁地站起来。


愿他幸运地适应了音乐的到来。害羞提到她现在开始的已婚儿子。玫瑰，仿佛过去就在眼前。为了优雅，他优雅，哦，温和地参加了入场仪式


我们相信有没有要求不怎样的安慰显而易见。让我们的表兄弟们高兴几分钟。

CodePen在正常的循环中存在问题，但在数组方法中工作良好，如：，或。
Chrome控制台输出：

Uncaught TypeError: Cannot read property ‘shouldStopExecution’ of undefined

为了解决这个问题，我不得不改为使用
 谢谢，很好的解决方法。所以CodePen真的有循环问题吗？或者在这种情况下使用forEach而不是for是更好的方法吗？是的，CodePen在正常循环中有问题，但是像
forEach
、
map
或
reduce
这样的数组方法工作得很好。