请问div层浮动的做法：例如 登陆对话div层跟随页面上下浮动的做法
日期：2014-05-17 浏览次数：20549 次
请教div层浮动的做法：例如 登陆对话div层跟随页面上下浮动的做法
苦于网上找不到简单的方案，网上信息太多，请大家给一个简单的例子，用css实现，可以用jquery。多谢多谢
------解决方案--------------------
不是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>
苦于网上找不到简单的方案，网上信息太多，请大家给一个简单的例子，用css实现，可以用jquery。多谢多谢
------解决方案--------------------
不是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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
