Javascript 如何为促销创建粘性标题通知？

我想创建一个粘性通知，如果用户想要关闭，可以关闭该通知

到目前为止，我已经做到了这一点：

.头顶{ 边框底部：1px实心rgba0,0,0,0.12； 背景：FFFFFF； 宽度：100%； 浮动：左； 高度：50px； 填充：10px； } .标题{ 位置：固定； 排名：0； 右：0； 左：0； z指数：1030； 边框底部：1px实心rgba0,0,0,0.12； 背景：FFFFFF； 高度：50px； 填充：10px； } 当你花10美元时，可以享受5美元的折扣。在结账时输入FIVEOFF。 x 标志 你可以用这种方式

例如：

$document.单击“.顶部头部向右浮动”功能{ $.top head>span.addClass'remove'； }; .头顶{ 边框底部：1px实心rgba0,0,0,0.12； 背景：FFFFFF； 宽度：100%； 浮动：左； 高度：50px； 填充：10px； } .顶部头跨。拆下{ 显示：无； } 当你花10美元时，可以享受5美元的折扣。在结账时输入FIVEOFF。 x 您可以使用boostrap加上包含关闭图标的按钮：

头顶{ 边框底部：1px实心rgba0,0,0,0.12； 背景：FFFFFF； 高度：50px； 填充：10px； } 当你花10美元时，可以享受5美元的折扣。在结账时输入FIVEOFF。 ×

---

我想删除整个div。嘿，谢谢你的建议，但我希望使用Sticky div。因为我有Sticky header。所以它将是这样的：感谢您的事件处理程序。你能看一下我更新的代码吗？所发生的是，您创建的div隐藏在标题后面。有什么办法可以克服它吗？