Javascript 当存在某个div时，如何隐藏元素？

当滚动滑块或页脚时，我想隐藏我的粘性按钮

我尝试了以下代码：

$(window).scroll(function() {
    if ($(this).scrollTop() < 250) { 
        $("#sticky-button").css({
            'display': 'none'
        });
    }
});

$（窗口）。滚动（函数（）{
如果（$（this.scrollTop（）<250）{
$（“#粘性按钮”）.css({
“显示”：“无”
});
}
});

所以，当它低于250px的滚动高度时，它会隐藏我的粘性按钮

但在移动设备上，我意识到它不起作用，因为移动设备上的250px是一个相当大的高度

---

那么，如何通过使其在某个div（例如：#滑块，#页脚）上工作而不是设置250高度来实现这一点呢？

您应该使用

.offset（）.top检查元素的位置


$（窗口）。滚动（函数（）{
var elemOffsetTop=$（“#滑块”）.offset（）.top；
if（$（this.scrollTop（）>elemOffsetTop）{
$（“#粘性按钮”）.css({
“显示”：“无”
});
}否则{
$（“#粘性按钮”）.css({
“显示”：“块”
});
}
});
#粘性按钮{
位置：固定；
排名：0；
左：0；
宽度：100px；
高度：100px；
背景颜色：蓝色；
}
.科{
宽度：100%；
高度：200px；
边框：2倍纯红；
}

滑块
可能会帮助你出色的答案，也帮助了我！