Javascript 如何将按钮（来自页面内容）附加到粘性标题？

我正在构建一个具有粘性页眉的网页，我希望页面上的一个按钮一旦滚动过去，就可以在粘性页眉上设置动画。这是我的密码：

按钮的ID为

#test_button

我做了很多研究，但找不到任何这样做的例子

柠檬水的作用就是一个很好的例子

另外,，

---

任何帮助或提示都将不胜感激。谢谢大家!

我将创建另一个隐藏在加载时的按钮，并将其放置在您希望的位置。然后使用类似于animatecss的东西，使用slide-down类，只需切换显示，就像使用粘性标题一样。

---

我会对此发表评论，但不是50个代表。

所以我做了我能做的，不完全是你想要的，但这是一件事：）希望这能帮助你

正文{
保证金：0；
字体系列：Arial、Helvetica、无衬线字体；
}
.顶部容器{
背景色：#f1f1；
填充：30px；
文本对齐：居中；
}
.标题{
填充：10px 16px；
背景:#555；
颜色：#f1f1；
职位：-网络工具包粘性；
位置：粘性；
前-1%；
}
.内容{
填充：16px；
}
.测试按钮{
职位：-网络工具包粘性；
位置：粘性；
填充：20px；
前-1%；
}
钮扣{
利润率：0.80%；
填充：20px；
}

向下滚动
向下滚动以查看粘性效果

我的头球
试验
滚动粘性标题
到达滚动位置时，收割台将粘在顶部

向上滚动可移除粘性效果

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。Affert laboramus repudiandae nec等人的早期特效师，他的广告是“无痣Volupatibus”。
一些文本可以滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。Affert laboramus repudiandae nec等人的早期特效师，他的广告是“无痣Volupatibus”。
一些文本可以滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。Affert laboramus repudiandae nec等人的早期特效师，他的广告是“无痣Volupatibus”。
一些文本可以滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。Affert laboramus repudiandae nec等人的早期特效师，他的广告是“无痣Volupatibus”。
一些文本可以滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。Affert laboramus repudiandae nec等人的早期特效师，他的广告是“无痣Volupatibus”。
一些文本可以滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。Affert laboramus repudiandae nec等人的早期特效师，他的广告是“无痣Volupatibus”。
一些文本可以滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。Affert laboramus repudiandae nec等人的早期特效师，他的广告是“无痣Volupatibus”。
一些文本可以滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。影响到共和国的实验室和初期的特效师，他的广告是无胎记的