Javascript 为什么这个while循环只发射一次？

我对Javascript非常陌生，在四处搜索之后，我不明白为什么函数中的while循环只触发一次。这是功能代码：

window.onscroll=函数make不透明（）{
var navBar=document.getElementById（'navBar'）；
var footbal=document.getElementById（“footbal”）；
var scrollY=window.pageYOffset | document.body.scrollTop；//scrollTop适用于较旧的浏览器
如果（滚动>1）{
navBar.classList.add（'opaqueMe'）；
足球运动员。类别列表。添加（'opaqueMe'）；
}否则{
navBar.classList.remove（'opaqueMe'）；
足球运动员。类别列表。删除（'opaqueMe'）；
}
}
var ms0={img:“img/bsma.jpg”，姓名：“开始训练”，日期：“2017年11月12日”，文字：“我开始训练，并在完全出气之前管理了两卷。BJJ很难。”；
var ms1={img:“img/stripe1WB.jpg”，名称：“白腰带上的第一条条纹”，日期：“2018年7月20日”，文字：“经过大约7个月的训练，我在白腰带上获得了第一条条纹，感觉真的很棒！”；
var ms2={img:“img/surreyOpenWinter1.jpg”，名称：“第一场比赛：2018年萨里夏季公开赛”，日期：“2018年8月5日”，文字：“完成中等体重，设法挤进了赛区，虽然输了，但对我的体重减轻感到高兴，如果不是我的表现的话。”，第1点：“第一场比赛中以13-2的比分输了”，第2点：“命中火车轨道清扫2分”}；
var ms3={img:“img/stripe2WB.jpg”，名称：“白色腰带上的第二条条纹”，日期：“2018年10月15日”，文本：“在一些非常有趣的滚动之后，今晚获得了我的第二条条纹，一点也没想到，感觉非常棒！”；
var ms4={img:“img/surreyOpenWinter2.jpg”，名称：“第二场比赛：2018年萨里冬季公开赛”，文字：“以中等体重参加比赛，再次成功晋级，对我的体重减轻感到高兴，但不得不削减体重，这并不有趣。上次输得更惨，但我的队友、教练（和我）都觉得我的柔术好多了。”，第1点：“在第一场比赛中以15-0输掉”，第2点：“需要采取行动，防守保留和进攻，以及侧控逃跑”，第3点：https://www.youtube.com/watch?v=LaYGhf67Mbc，第四点：“在逃离美国队时，我的肩膀受了伤，但差点让他脚踝骨折。”
var ms5={img:“img/surreyOpenWinter3.jpg”，名称：“一年的训练”，文字：“训练了一年！在比赛中失利后，我感到沮丧，但下定决心。最大的成就是我的体重减轻。我现在大约82公斤，刚开始时我已经超过了97公斤。”；
var ms6={img:“img/samCookBradHill.jpg”，名称：“第一次研讨会”，文本：“BSMA（Paraestra UK）第一次研讨会”，第1点：“萨曼莎·库克和布拉德利·希尔”}；
var里程碑=[ms1、ms2、ms3、ms4、ms5、ms6]；
var milestonesTotal=里程碑长度；
函数{
var top=document.getElementById（'top'）；//查找#top
var div=document.createElement（'div'）；//创建一个div
var img=document.createElement（'img'）；//创建img
var div2=document.createElement（'div'）；//创建第二个div
var title=document.createElement（'h4'）；//创建h4
var date=document.createElement（'h6'）；//创建h6
var text=document.createElement（'p'）；//创建p
var div3=document.createElement（'div'）；//创建第三个div
var list=document.createElement（'ul'）；//创建ul
var point1=document.createElement（'li'）；//创建li
var point2=document.createElement（'li'）；//创建li
var point3=document.createElement（'li'）；//创建li
var msCounter=0；//设置计数器
div.classList.add（'card'）；//将类名卡添加到div
img.src=（'img/'+'字符串'+'.jpg'）；//添加src
div2.classList.add（'card-body'）；//添加类
title.classList.add（'card-title'）；//添加类
date.classList.add（'card-date'）；//添加类
text.classList.add（'card-text'）；//添加类
div3.classList.add（'container-fluid'）；//添加类
while（msCounter

*{
保证金：0；
填充：0；
}
：根{
--绿色黑色1:#134649；
--绿色-Dark2:#1A5E63；
--绿色Mid1:#026976；
--绿色Mid2:#028090；
--绿灯1:#028090；
--绿灯2:#028090；
--bg-1:#28282B；
--bg-2:#3F4045；
--bg-3:#D4CCCC；
--bg-4:#EEE5；
--bg-5:#F2F2；
--bg-6:#FFFFFF；
}
身体{
背景色：var（--green-Dark1）；
}
导航，页脚{
背景色：rgba（0,0,0,1）；
边框颜色：rgba（0,0,0,1）；
过渡时间：1s；
}
导航{
边框底部：1px实心；
}
页脚{
边框顶部：1px实心；
}
.乳白色{
背景色：var（--green-Dark1）；
边框颜色：var（--绿色-Dark2）；
}
主要{
填充：100px；
填充顶部：144px；
}
.掩护{
宽度：100vw；
高度：100vh；
}
h1{
字体大小：124px；
}
录像带{
位置：绝对位置；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
z指数：0；
}
.coverText{
宽度：100vw；
高度：100vh；
位置：绝对位置；
左：0；
排名：0；
颜色：白色；
}
.包裹{
利润率最高：35%；
}
.卡片{
宽度：50%；
保证金：100像素自动；
边框颜色：var（--green-Mid1）；
}
.卡img top{
}
.名片名称{
颜色：var（--green-Mid2）；
}
.信用卡日期{
颜色：var（--绿色-Light2）；
}
.卡片文本{
颜色：var（--bg-2）；
}
保险商实验室{
列表样式：无；
}

BJJ里程碑
BJJ里程碑
“吸收有用的东西，丢弃无用的东西，添加你自己独特的东西。”
李小龙
卡片标题
00/00/0000
这是对里程碑的简要描述

这是一个列表