Javascript 单卷轴上的完整页面视图移动到下一节

我已经尝试创建单卷轴并移动到下一个部分，我已经使用javascript，它工作不正常，窗口顶部距离没有正确给出，我需要div全屏移动到下一个屏幕，请不要jquery，请帮助

if（window.addEventListener）{window.addEventListener（'DOMMouseScroll'，wheel，false）；
window.onmouseheel=document.onmouseheel=wheel；}
功能控制盘（事件）{
var-delta=0；
if（event.wheelDelta）delta=（event.wheelDelta）/120；
如果（event.detail）delta=-（event.detail）/3；
手柄（三角形）；
if（event.preventDefault）event.preventDefault（）；
event.returnValue=false；
}
函数句柄（Senido）{
var inical=document.body.scrollTop；
var时间=500；
var距离=900；
生动活泼({
延迟：0，
持续时间：时间，
delta：函数（p）{return p；}，
步骤：函数（增量）{
滚动到（0，初始距离*增量*sentido）；
}
});
}
函数动画（opts）{
var start=新日期（）；
var id=setInterval（函数（）{
var timePassed=新日期（）-开始；
变量进度=（通过的时间/选择的持续时间）；
如果（进度>1）{progress=1；}
var delta=选择delta（进度）；
选择步骤（增量）；
如果（progress==1）{clearInterval（id）；}}，则选择.delay | | 10）；
}

正文{
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
.包装纸{
宽度：100%；
身高：100%；
位置：绝对位置；
}
部分{
宽度：100%；
身高：100%；
}
.pg1{
背景：绿色；
}
.pg2{
背景：蓝色；
}
.pg3{
背景：黄色；
}

---

返回元素的高度并将其存储在距离变量中，而不是给它一个静态值

由此：

var distance = 900;

为此：

var distance = document.getElementById('sec1').clientHeight;