Javascript 搬到脚踝可以'；我找不到真实的位置

我在我的网站上做了一个视差效果。现在我想实现按钮的操作。 点击按钮必须将用户屏幕移动到anker。但这是错误的。函数定义偏移量并使用该数据，但视差效应会更改该参数。我怎样才能同时使用脚踝和视差

$（文档）.ready（函数（）{
$（窗口）.bind（'scroll'，函数（e）{
视差克罗尔（）；
});
var div1Height=$（'.div1'）.height（）；
var div2Height=$（'.div2'）.height（）；
var div3Height=$（'.div3'）.height（）；
var div2Top=div1高度；
$（'.div2'）.css（'top'，div2Top）；
变量div3Top=div2Top+div2Height；
$（'.div3'）.css（'top'，div3Top）；
div1Position=$（'.div1'）.position（）.top；
div2Position=$（'.div2'）.position（）.top；
div3Position=$（'.div3'）.position（）.top；
//航行
$（'a.firstImage'）。单击（函数（）{
$（'html，body'）。设置动画({
滚动顶部：0
}，1000，函数（）{
视差克罗尔（）；
});
返回false；
});
$（'a.secondDiv1'）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（'.div1'）.offset（）.top
}，1000，函数（）{
视差克罗尔（）；
});
返回false；
});
$（'a.thirdDiv2'）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（'.div2'）.offset（）.top
}，1000，函数（）{
视差克罗尔（）；
});
返回false；
});
$（'a.fouthDiv3'）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（'.div3'）.offset（）.top
}，1000，函数（）{
视差克罗尔（）；
});
返回false；
});
});
//视差
var Div1位置=0；
var div2Position=0；
var Div3位置=0；
var scrolledAlbum=0；
var scrolled footer=0；
函数视差croll（）{
var scrolled=$（窗口）.scrollTop（）；
如果（$（文档）.scrollTop（）+$（窗口）.height（）<$（'.div2'）.height（）+$（'.div2'）.offset（）.top）{
如果（$（文档）.scrollTop（）+$（窗口）.height（）<$（'.div1'）.height（）+$（'.div1'）.offset（）.top）{
$（'.div1'）.css（'top'，div1位置-滚动*0.95）；
$（'.div2'）.css（'top'，div2Position-滚动*0.95）；
$（'.div3'）.css（'top'，div3位置-滚动*0.95）；
scrolledAlbum=已滚动；
}否则{
$（'.div1'）.css（'top'，div1位置-滚动*0.95）；
$（'.div2'）.css（'top'，div2Position-scrolled*1.9+scrolledAlbum）；
$（'.div3'）.css（'top'，div3Position-滚动*1.9+滚动数据）；
scrolledFooter=已滚动；
}
}否则{
$（'.div1'）.css（'top'，div1位置-滚动*0.95）；
$（'.div2'）.css（'top'，div2Position-scrolled*1.9+scrolledAlbum）；
$（'.div3'）.css（'top'，div3Position-scrolled*2.85+scrolledAlbum+scrolledafooter）；
}          
}

正文{
保证金：0；
填充：0；
背景：#000000；
字体系列：“Roboto”，无衬线；
字母间距：0.5px；
颜色：#ffffff；
字体大小：20px；
宽度：100%；
}
p{
颜色：白色；
字体大小：24px；
}
ol，ul{
列表样式：无；
}
/*内容*/
.人体图像{
宽度：100%；
高度：100vh；
背景：url(https://images.wallpaperscraft.ru/image/tekstura_treshchiny_chernyj_116899_1600x1200.jpg)不重复；
背景大小：100%；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.身体{
位置：相对位置；
高度：115vh；
背景附件：固定；
}
.1分部{
宽度：100%；
高度：100vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景：#000000；
位置：绝对位置；
顶部：0px；
z指数：2；
}
.第2分部{
宽度：100%；
高度：100vh；
显示器：flex；
弯曲方向：立柱；
文本对齐：居中；
证明内容：中心；
对齐项目：居中；
位置：绝对位置；
z指数：3；
背景：url(https://images.wallpaperscraft.ru/image/tekstura_treshchiny_chernyj_116899_1600x1200.jpg)不重复；
背景大小：100%；
}
/*页脚*/
.第3分部{
宽度：100%；
高度：100vh；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
位置：绝对位置；
z指数：4；
背景色：#000000；
}
/*航行*/
导航主{
z指数：5；
位置：固定；
最高：50%；
右：16px；
利润上限：-40px；
}
导航#主李{
位置：相对位置；
高度：20px；
}
导航#初级a{
显示：块；
宽度：20px；
高度：20px；
文本缩进：-9999px；
背景：透明url(http://s1.iconbird.com/ico/0612/vistabasesoftwareicons/w48h481339252451BoxGrey4.png)4px 4px不重复；
}
导航主a：悬停，导航主a激活{
背景：透明url(http://s1.iconbird.com/ico/0612/vistabasesoftwareicons/w48h481339252451BoxGrey4.png)4px 4px不重复；
}
导航#主h1{
位置：绝对位置；
右：22px；
顶部：-7px；
显示：无；
填充：4px20px 4px7px；；
颜色：#fff；
空白：nowrap；
背景：#000000 100%50%无重复；
}

衰退


形象


第一组


第二组


第三组


身体意象

第一组

第二组

第三组

我重写了这个字符串：

scrollTop:$（'.div1'）.offset（）.top

，

scrollTop:$（'.div2'）.offset（）.top

，

scrollTop:$（'.div1'）.offset（）.top

到

scrollTop:parseInt（$（'.video'）.height（）/1.95）

，

scrollTop:parseInt（$（'.video'）.height（）/1.1535）

，

scrollTop:$（'

但是这个代码看起来很糟糕，因为我使用了我计算过的未知数字。我认为更好的代码是真的我重写了这个字符串：

scrollTop:$（'.div1'）.offset（）.top

，

scrollTop:$（'.div2'）.offset（）.top

，

scrollTop:$（'.div1'）.offset（）.top

scrollTop:parseInt（$（'.video'）.height（）/1.95），

scrollTop:parseInt（$（'.video'）.height（）/1.1535）

$（'.body'）.height（）但是这段代码看起来很糟糕，因为我使用了我计算过的未知数字