在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

考虑使用css position:sticky来处理需要在设置点之后移动的徽标，徽标元素的位置将是粘滞的，并且它的父容器的底部将停止在屏幕上固定的位置。将粘滞元素父级的底部放置在您希望固定位置停止的位置，粘滞元素将随页面滚动。

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