在jquery中编辑滚动位置答案

【问题标题】：Editing on scroll position in jquery在jquery中编辑滚动位置
【发布时间】：2020-07-27 11:56:30
【问题描述】：

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

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);

我是否可以调整此脚本，以便当用户滚动到屏幕的设定点时，徽标会停止固定位置，并会随着屏幕的其余内容滚动？

谢谢

【问题讨论】：

标签： html jquery css scroll css-position

【解决方案1】：

考虑使用 css position:sticky 来处理需要在设定点后移开的标志，标志元素的位置将是粘性的，其父容器的底部将停止固定在屏幕上.将粘性元素的父元素的底部定位在您希望固定位置停止的点，粘性元素将随页面滚动。

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

【讨论】：