在网页中如何制作左边不动而中间内容可以上下动的导航条???_百度...
发布网友
发布时间：2024-03-11 04:58
共1个回答
热心网友
时间：2024-03-11 14:35
这个可移动的导航条使用相对定位，
position: absolute;
z-index: 100;
在初始时确保它出现在你希望的位置
然后使用js控制它的位置
function scl(DivId) {var Div = $(DivId);
$(DivId).style.top = (document.documentElement.scrollTop + (document.documentElement.clientHeight - $(DivId).offsetHeight) / 2) + "px
";
$(DivId).style.left = (document.documentElement.scrollLeft + (document.documentElement.clientWidth - $(DivId).offsetWidth) / 2) + "px
";
//alert($(DivId).style.top);
}
当页面滚动时触发事件，去动态修改div的定位
window.onscroll = scl(DivId);
window.onresize = scl(DivId);
window.onload = scl(DivId);
