Javascript 浮动在页面上并用作锚定的按钮

我将浮动按钮放在表单上作为锚（页面很广泛），但只显示1个按钮，但应显示3个按钮

目标是滑动鼠标滚动，分别在单元1、单元2和单元3的另一个按钮下方显示一个按钮。点击他们，进入各自的课程。我不是用3个按钮来理解这个，只有一个按钮，这个按钮会放在页面的顶部

移动鼠标并查看按钮（仅显示一个）

$（文档）.ready（函数（）{
window.onscroll=function（）{scrollFunction（）}；
函数滚动函数（）{
if（document.body.scrollTop>20 | | document.documentElement.scrollTop>20）{
document.getElementById（“navegacao1”）.style.display=“block”；
}否则{
document.getElementById（“navegacao1”）.style.display=“无”；
}
}
函数滚动函数（）{
if（document.body.scrollTop>20 | | document.documentElement.scrollTop>20）{
document.getElementById（“navegacao2”）.style.display=“block”；
}否则{
document.getElementById（“navegacao2”）.style.display=“无”；
}
}
函数滚动函数（）{
if（document.body.scrollTop>20 | | document.documentElement.scrollTop>20）{
document.getElementById（“navegacao3”）.style.display=“block”；
}否则{
document.getElementById（“navegacao3”）.style.display=“无”；
}
}
函数anconrau1（）{
document.body.scrollTop=0；
document.documentElement.scrollTop=0；
}
函数anconrau2（）{
document.body.scrollTop=0；
document.documentElement.scrollTop=0；
}
函数anconrau3（）{
document.body.scrollTop=0；
document.documentElement.scrollTop=0；
}
});
.sessao unidade{
填充顶部：11px；
高度：45px；
显示：块；
宽度：100%；
字号：18px；
字体大小：粗体；
文本转换：大写；
线高：1.42857143；
文本对齐：居中；
颜色：#fff；
背景色：rgb（66139202）；
边框：0px实心rgb（177177177177）；
边缘底部：10px；
}
塞索·提托洛斯先生{
显示：块；
宽度：100%；
颜色：rgb（27,80,124）；
背景色：#b4d5f1；
边框颜色：357ebd；
填充：6px 12px；
边缘底部：10px；
边缘顶部：2倍；
字体大小：14px；
字体大小：粗体；
线高：1.42857143；
文本对齐：居中；
空白：nowrap；
垂直对齐：中间对齐；
用户选择：无；
边界半径：2px；
溢出：可见；
文本转换：大写；
}
.sessao titulos:悬停，.sessao titulos:活动，.sessao titulos:访问，.sessao titulos:焦点{
文字装饰：无；
}
弗鲁坦特先生{
显示：无；
位置：固定；
z指数：9999；
背景色：#e82222；
颜色：白色；
光标：指针；
填充物：5px；
边界半径：2px；
边界：无；
字体大小：12px；
}
#纳维加曹1{
底部：15px；
右：15px；
}
#纳维加曹2号{
底部：30px；
右：15px；
}
#纳维加曹3{
底部：60px；
右：15px；
}
#navegacao1:悬停，#navegacao2:悬停，#navegacao3:悬停{
背景色：#164b79；
文字装饰：无；
}

课程编号：
上课日期：
教室类型：
选择项
存在的
事实上的
论坛目标
装置的激活期：
评价：
选择项
尚未评级
注意
重量（%）：
这个单位有维基吗？
选择项
对
不
统一2