vue 页面往下滑动导航栏动画定位

封装JS文件：

export default function navbarScroll(navbar, isTransparent, isFaqPage) {if (!navbar) return;if (window.pageYOffset > 300) {navbar.classList.add("nav-scroll");if (isTransparent) navbar.classList.remove("bg-transparent");} else {navbar.classList.remove("nav-scroll");if (isTransparent) navbar.classList.add("bg-transparent");}window.addEventListener("scroll", () => {if (window.pageYOffset > 300) {navbar.classList.add("nav-scroll");if (isTransparent) navbar.classList.remove("bg-transparent");} else {navbar.classList.remove("nav-scroll");if (isTransparent) navbar.classList.add("bg-transparent");}});
}

使用：

使用Bootstrap框架nav组件mounted() {navbarScrollEffect(this.$refs.navbarRef);//操作DOM元素},