Javascript 如何修复index.html中第一个视图底部的向下箭头图标？

我把一个向下的箭头图标放在我的网站的第一个视图的底部。我为下面的图标设置css。无论我如何向下滚动页面，它们都会跟随。我只想让他们第一眼看到。有人有什么建议来解决这个问题吗

函数向下滚动（）{
var businessPage=document.getElementById（“businessPage”）；
businessPage.scrollIntoView（）；
}

.box{
位置：绝对位置；
最高：90%；
左：50%；
转换：翻译（-50%，-50%）；
}
.箱跨{
显示：块；
宽度：20px；
高度：20px；
底部边框：3倍纯白；
右边框：3倍纯白；
变换：旋转（45度）；
利润率：-10px；
动画：动画；
}
.框跨度：第n个子项（1）{
不透明度：0.3
}
.箱跨：第n个子（2）{
不透明度：0.5；
}

尝试添加位置：fixed父容器应相对放置。同时共享CSS/代码的其余部分。上面的CSS看起来不错：看起来不错，或者要求不同。@Joey Namiki尝试确保您正在查看最新版本的网页。