页面元素滚动吸顶: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})`;
});