// 获取页面滚动条位置 let scrollPos = document.documentElement.scrollTop; // 右侧悬浮微信客服 let wechatService = document.querySelector(".fixed-tools-wrapper ul li:nth-child(2)") // 滚动条下滑事件 function getScrollTop() { let docCurrentValue = document.documentElement.scrollTop; //这里获取滚动后 body 的 scrollTop 值。 let mallHeader = document.querySelector(".mall-header") let fixedHeader = document.querySelector(".fixed-header") // 无商城头部的页面(如登录页)跳过头部吸顶逻辑 if (!mallHeader || !fixedHeader) { return } if (docCurrentValue > 186) { mallHeader.style.top = "-10rem" fixedHeader.style.top = "0" } else if (docCurrentValue === 0) { mallHeader.style.top = "0" fixedHeader.style.top = "-10rem" } scrollPos = document.documentElement.scrollTop; //最后再把滚动后的值更新给 doc ,以便之后if比较使用。 } // 右侧悬浮微信客服交互 wechatService.onmouseenter = function () { this.querySelector("div").style.display = "flex" } wechatService.onmouseleave = function () { this.querySelector("div").style.display = "none" } // 关闭意见反馈弹框 document.querySelector(".feedback-close-btn").onclick = function () { document.querySelector(".feedback-wrapper").style.display = "none" } document.querySelector(".fixed-tools-wrapper .feedback").onclick = function () { document.querySelector(".feedback-wrapper").style.display = "block" } window.onload = function () { getScrollTop(); } window.onscroll = function () { getScrollTop(); }