Javascript 元素在滚动条上反复上下滑动

我正在创建一个scroll to top按钮，当用户滚动到某个点时会出现该按钮。我创建了，但我的常规代码没有；按钮反复上下滑动。我尝试添加一个debounce变量，如下面的代码中所示，但这只会使它显示然后隐藏。这可能是jQuery错误吗

$（文档）.ready（（）=>{
//在页面滚动上显示滚动至顶部按钮
设$scrollToTop=$（“#scrollToTop”）；
让去盎司=假；
$（'#content'）。在（'resize orientationchange scroll'，函数（）上{
const position=$（this.scrollTop（）；
控制台日志（位置）；
如果（位置>=100&！去盎司）{
去盎司=真；
$scrollToTop.slideDown（500，函数（）{debounce=false}）；
}否则如果（位置<100&！去盎司）{
去盎司=真；
$scrollToTop.slideUp（500，函数（）{debounce=false}）；
}
});
});

编辑

---

，在这种情况下我可以这样做吗？

我强烈建议使用

滚动行为：平滑
方法，只需在MDN文档或手表中使用传统的