div浮层,滚动条移动,位置保持不变的4种方法汇总
作者:互联网
2025-08-06
div在顶部不变、滚动条滚动,div还是在顶部!直接上传源码了:
方法一:
复制代码代码如下:
var IO=document.getElementById('float'),Y=IO,H=0,IE6;
IE6=window.ActiveXObject&&!window.XMLHttpRequest;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
if(IE6)
IO.style.cssText="position:absolute;top:(this.fix?(document.documentElement.scrollTop-(this.javascript||"+H+")):0)";
window.onscroll=function (){
var d=document,s=Math.max(d.documentElement.scrollTop,document.body.scrollTop);
if(s>H&&IO.fix||s<=H&&!IO.fix)return;
if(!IE6)IO.style.position=IO.fix?"":"fixed";
IO.fix=!IO.fix;
};
try{document.execCommand("BackgroundImageCache",false,true)}catch(e){};
方法二:
复制代码代码如下:
居中的层
方法三:
复制代码代码如下:
居中的层
方法四:[采用css来居中]
复制代码代码如下:
function showDiv(){
document.getElementById('popDiv').style.display='block';
}
window.onload=function(){
showDiv();
}
相关标签:
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
5.响应式系统比对:手写 React 响应式状态库 Mobx
踩坑分享:Vite Plus 最佳实践
VTJ核心引擎开源项目概览
你的 Vue 3 TS 类型声明,VuReact 会处理成什么样的 React?
Element Plus 主题构建方案
Vue 组件间通信
你的 Vue 3 <script setup>,VuReact 会编译成完整的 React 组件
vue3+typescript+vite封装自己的UI组件库并上传至npm
都知道AI大模型能生成文本内容,那你知道大模型是怎样生成文本的吗?
vue3 数据响应式遇到的问题
AI精选
