Javascript 平滑滚动不是'；一点也不顺利；平滑滚动仅滚动若干像素，而不滚动到指定的div

我正在尝试添加点击平滑滚动效果，如下所示：

我读过这篇文章：我无法适应它。我不明白scrollTop:$（“#page2”）.offset（）的作用

我的问题是卷轴是“捕捉”。这可能是因为我在容器上应用了

scroll snap

此外，当您处于页面之间时，单击向下滚动箭头上的，它将向上或向下移动

每当我按下箭头时，我都想看到第二页的全屏。它应该向下滚动，直到

#page2

具有

高度：100vh

或占据整个视图端口

//消除滚动条
var child=document.getElementById（'child-container'）；
child.style.right=child.clientWidth-child.offsetWidth+“px”；
//向下滚动箭头上的向下滚动效果
$（“.向下滚动箭头”）。单击（函数（）{
$（'html，body，#child container'）。动画（{scrollTop:$（“#page2”）。偏移量（）.top}，'slow'，linear'）；
});
html，body，div，span，applet，object，iframe，
h1、h2、h3、h4、h5、h6、p、块报价、预，
a、 缩写，首字母缩写，地址，大，引用，代码，
del、dfn、em、img、ins、kbd、q、s、samp、，
小、走向、强、次、辅助、tt、var、，
b、 u，i，中心，
dl，dt，dd，ol，ul，li，
字段集、表单、标签、图例、，
表格、标题、正文、tfoot、THAD、tr、th、td、，
文章、旁白、画布、细节、嵌入、，
图，figcaption，页脚，页眉，H组，
菜单、导航、输出、ruby、节、摘要、，
时间、标记、音频、视频{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
}
/****index.html-开始****/
正文，html{
身高：100%；
宽度：100%；
溢出：隐藏；
}
#父容器{
身高：100%；
宽度：100%；
溢出：隐藏；
位置：相对位置；
}
#子容器{
位置：绝对位置；
顶部：0px；
底部：0px；
左：0px；
右：0px；/*精确值通过JavaScript给出*/
溢出：自动；
滚动捕捉类型：两者接近；
}
标题{
身高：100%；
背景颜色：灰色；
背景附件：固定；
背景位置：底部中心；
背景重复：无重复；
背景尺寸：封面；
文本对齐：居中；
滚动捕捉对齐：居中；
}
收割台h1{
字体大小：32px；
字体大小：粗体；
位置：粘性；
最高：5%；
边缘底部：10px；
}
标题p{
位置：粘性；
宽度：450px；
文本对齐：居中；
保证金：自动；
边缘顶部：100px；
字号：1.5em；
}
标题。向下滚动箭头{
位置：绝对位置；
左：50%；
底部：20px；
显示：块；
文本对齐：居中；
字体大小：20px；
z指数：100；
文字装饰：无；
文本阴影：0；
宽度：30px；
高度：30px；
边框底部：2倍实心#fff；
右边框：2px实心#fff；
左：50%；
变换：平移（-50%，0%）旋转（45度）；
动画：淡入淡出3秒，移入淡出无限；
光标：指针；
}
/*动画滚动箭头动画*/
@关键帧淡入淡出\u向下移动\u{
0%{变换：平移（0，-15px）旋转（45度）；不透明度：0；}
25%{不透明度：1；}
/*50%{不透明度：1；}*/
100%{变换：平移（0,10px）旋转（45度）；不透明度：0；}
}
.容器第2页{
宽度：100%；
高度：100vh；
滚动捕捉对齐：居中；
溢出：隐藏；
位置：相对位置；
}






Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。自由原则中的缺陷在于，它是一种不平等、不平等、不平等的生活实践

1.
背景附件：固定；
Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。发明人必须在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内！

2.
背景附件：滚动条；
Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。发明人必须在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内！

3.
背景附件：滚动条；
Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。发明人必须在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内，在一个月内！

4.
背景附件：固定；
Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。发明人必须承担责任
$(".scroll-down-arrow").click(function() {
  $('#child-container').css('scroll-snap-type','')
    $('html,body,#child-container').animate({
       scrollTop: $("#page2").offset().top}, 'slow', 'linear')
      .promise()
      .done(() => {$('#child-container')
      .css('scroll-snap-type','both proximity')
    });
});

$(".scroll-down-arrow-container").click(function() {
    $('#child-container').css('scroll-snap-type','');
    $('html, body, #child-container').animate({
            scrollTop: $(window).height()
        }, 1000)
    .promise()
    .done(() => {$('#child-container')
        .css('scroll-snap-type','both proximity')
    });
});

<div id="child-container" style="scroll-snap-type: both proximity;">