时间戳

首页 > 解决方案 > 在jquery中编辑滚动位置

html - 在jquery中编辑滚动位置

问题描述

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

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

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

谢谢

标签： htmljquerycssscrollcss-position

解决方案

考虑将 cssposition:sticky用于需要在设定点后移开的徽标，徽标元素的位置将是粘性的，并且其父容器的底部是它将停止固定在屏幕上的位置。将粘性元素的父元素的底部放置在您希望固定位置停止的点处，粘性元素将随页面滚动。

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

推荐阅读