您的位置: 首页  >  IT文章  >  请问div层浮动的做法：例如 登陆对话div层跟随页面上下浮动的做法

请问div层浮动的做法：例如 登陆对话div层跟随页面上下浮动的做法

分类: IT文章 • 2023-12-19 12:01:07
请教div层浮动的做法：例如 登陆对话div层跟随页面上下浮动的做法
苦于网上找不到简单的方案，网上信息太多，请大家给一个简单的例子，用css实现，可以用jquery。多谢多谢

------解决方案--------------------
不是position:fixed;都会随页面一起动
------解决方案--------------------
探讨

不是position:fixed;都会随页面一起动

------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
#y1 {position:absolute;left:2px;width:200px;height:200px;text-align:center;border:1px solid red;}
</style>
<body>

<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<p>ss</p>
<div id="y1">注册</div>
<script>
window.onscroll= window.onresize=function(e){
var d = document.getElementById("y1");
sTop = Math.max(document.body.scrollTop,document.documentElement.scrollTop)
d.style.top = sTop+200+"px";
d.style.left = (document.body.clientWidth-d.offsetWidth)/2+"px";
}
</script>

相关推荐