页面元素滚动吸顶:position: sticky;top: 0;配合框架的滚动监听scrollTop做吸顶样式动态变化

页面元素滚动吸顶:position: sticky;top: 0;配合框架的滚动监听scrollTop做吸顶样式动态变化

usePageScroll(res => {
        const NavDom = navRef.value?.$el as HTMLDivElement;
        if (!NavDom) return;
        const opacity = Math.abs(res.scrollTop) / 100;
        NavDom!.style.backgroundColor = `rgba(255,255,255,${opacity < 1 ? opacity : 1})`;
    });

posted @ 2024-03-06 17:12  yoona-lin  阅读(31)  评论(0编辑  收藏  举报