var arrowEl = document.querySelector("#head>.headMain>.arrow");
var liNodes = document.querySelectorAll("#head .headMain>.nav>.list>li");
var upNodes = document.querySelectorAll("#head .headMain>.nav>.list>li .up");
var firstLiNode = liNodes[0];
var firstUpNode = firstLiNode.querySelector(".up");
var head = document.querySelector("#head");
var content = document.querySelector("#content");
var cLiNodes = document.querySelectorAll("#content .list >li");
var cList = document.querySelector("#content .list");
//同步当前索引 this.index
var now = 0;
var timer = 0;
//内容区js
//矫正位置宽高
window.onresize = function () {
contentBind();
cList.style.top = -now * (document.documentElement.clientHeight - head.offsetHeight) + "px";
arrowEl.style.left = liNodes[now].offsetLeft + liNodes[now].offsetWidth / 2 - arrowEl.offsetWidth / 2 + "px";
};
实时矫正内容位置
最新推荐文章于 2024-01-23 20:54:59 发布