Javascript 在滚动条上弹出框

我想知道如何在页面底部添加一个div，当您到达页面底部时，它会很好地向上滚动。我希望它隐藏起来，直到我到达底部的div，我希望它在我到达它时向上滚动，在我向上滚动时向下滚动

这是我的开始：

$（窗口）。滚动（函数（）{
如果（$（文档）.scrollTop（）>）{
$（“#注册”）.show（）；
}否则{
$（“#注册”）.hide（）；
}
});
html{height:2000px；}/*为演示目的创建一个滚动条*/
#报名{
位置：固定；
顶部：200px；
右：50px；
显示：无；
背景颜色：紫色；
}
注册
您需要检查
滚动值
+
窗口高度
是否与
文档
相同；然后有两个选项可以使用Jquery设置长方体的动画
animate（）
，或者在CSS上使用
transition
：

检查此示例代码段：


$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）+$（窗口）.height（）==$（文档）.height（））{
$（“#注册”）.addClass（'show'）
}否则{
$（“#注册”）.removeClass（'show'）
}
});
正文{
高度：1000px；
}
/*为演示目的创建一个滚动条*/
#报名{
位置：固定；
z指数：100；
宽度：100%；
底部：-50px；
高度：50px；
左：0；
背景颜色：紫色；
过渡：底部。5s线性；
颜色：白色；
字号：2em；
文本对齐：居中
}
#报名，演出{
底部：0；
}

报名吧实际上，您不需要javascript来实现这一点。您可以在注册div和父主体{position:relative；“}上执行绝对位置。这样，当你向下滚动时，它总是可见的。无论如何，向上滚动将隐藏div。对-但我希望它上下动画。有点像一个弹出窗口，但侵入性较小。嗨，丹尼普-这很好。唯一的问题是它与我的页脚重叠。有什么办法避免吗？我在我的原始帖子中附上了一张图片供参考ce.@becca和Which是预期的行为？向上推所有身体？还是走在所有人前面？@becca只需要在CSS上为
z-index
添加一个更高的值…选中编辑code@becca检查一下这个快速的例子…稍后您可以用一个a标记替换这个跨度，并用伪元素生成一个beatifull x，但是为了显示您快速单击它X@becca是的，我猜是因为你使用了带有#href的a标签，我的错误是让演示检查这个新标签