在jquery中编辑滚动位置

Question

我有一个网站设计，在设置的滚动位置之后需要出现第二个徽标。我用以下代码管理了这个：

myID = document.getElementById("logoTwo");
var myScrollFunc = function () {
var y = window.scrollY;
if (y >= 300) {
logoTwo.className = "logo-lines show"
} else {
logoTwo.className = "logo-lines hide"
}  
};
window.addEventListener("scroll", myScrollFunc);

我可以调整这个脚本吗？这样，当用户滚动到屏幕的设定点时，徽标就不再是固定的位置，而是与屏幕一起滚动其余内容？

谢谢

Answer 1

研究如何使用cssposition:sticky来处理在设定点之后需要移开的徽标，徽标元素的位置将是粘性的，其父容器的底部是它在屏幕上停止固定的位置。将粘性元素的父元素的底部定位在您希望固定位置停止的位置，粘性元素将随页面滚动。

供参考：https://alligator.io/css/position-sticky/