js监听元素实现滑动一定距离后修改导航栏悬浮

js监听元素实现滑动一定距离后修改导航栏悬浮

记得修改样式名，目标元素class样式名为：topall

// 监听滚动事件
window.addEventListener('scroll', function() {
    // 获取滚动位置
    var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;

    // 获取目标元素
    var topAllElement = document.querySelector('.topall');

    // 检查滚动位置并相应地更新元素样式
    if (scrollPosition > 150) {
        topAllElement.style.position = 'fixed';
    } else {
        topAllElement.style.position = '';
    }
});