Javascript滚动条闪烁

首先，如果这个问题很愚蠢，我很抱歉，我是JavaScript的新手。。。当特定的div在滚动时在视口中完全可见时，我希望将div粘贴到底部。。。我做到了，但我猜滚动的每一个像素代码都会一次又一次地工作，滚动时会出现闪烁

你能帮我吗

函数sticktothebottom（）{
设h=窗内高度；
让window_top=$（window.scrollTop（）；
设top=$（'.dur'）.offset（）.top；
设panelh=$（“.whole”）.height（）；
如果（窗口顶部+h>顶部）{
$（'.whole'）.addClass（'sticky'）；
$（'.dur'）.height（$（'.whole'）.outerHeight（））；
} 
如果（车窗顶部+顶部<面板H）{
$（'.whole'）.removeClass（'sticky'）；
$（'.dur'）。高度（0）；
}
}
$（函数（）{
$（窗口）。滚动（粘贴到文本）；
粘滞物（）；
});
正文{
填充：0；
保证金：0；
}
p{
填充：0；
保证金：0；
}
.头{
字体大小：2vw；
字体大小：粗体；
填充顶部：50px；
文本对齐：居中；
}
.首先{
高度：1800px；
宽度：200px；
背景色：红色；
颜色：白色；
文本对齐：居中；
左边距：自动；
右边距：自动；
}
.第二{
高度：200px；
宽度：200px；
背景颜色：蓝色；
颜色：白色；
文本对齐：居中；
左边距：自动；
右边距：自动；
}
1.集装箱剩余{
浮动：左；
}
.货柜权{
浮动：左；
}
.左{
高度：3000px；
宽度：200px；
背景颜色：橙色；
颜色：白色；
文本对齐：居中；
左边距：自动；
右边距：自动；
}
.粘的{
边际上限：0；
位置：固定；
底部：0；
z指数：9999；
}

左侧
首先
第二
对此有什么想法吗？非常感谢