固定在页面右小脚的小窗口,该如何处理
日期：2014-05-16 浏览次数：20437 次
固定在页面右小脚的小窗口
我的css是这样的
这个只能在chrome上可以
如果把position: fixed;改为绝对定位的话，是不行的，因为我这里有JS操作，其他页面的高度是会变的，我移动右边的滑动栏小窗口会跟着动，而我希望的是固定在页面右小脚。
不知道还有没有其他办法？
------解决方案--------------------
我的css是这样的
- JScript code
#winpop {
width: 400px;
height: 0px;
position: fixed;
right: 0;
bottom: 0;
border: 1px solid #999999;
margin: 0;
padding: 1px;
overflow: auto;
display: none;
background: #FFFFFF;
}
这个只能在chrome上可以
如果把position: fixed;改为绝对定位的话，是不行的，因为我这里有JS操作，其他页面的高度是会变的，我移动右边的滑动栏小窗口会跟着动，而我希望的是固定在页面右小脚。
不知道还有没有其他办法？
------解决方案--------------------
- HTML code
<!doctype html>
<html>
<head>
<meta charset="gb2312" />
<style>
body { height:1850px; }
div {
width:100px; height:100px; border:1px solid red;
position:absolute; bottom:10px; right:10px;
}
</style>
</head>
<body>
<div id="test">123</div>
<script>
function $(o){return document.getElementById(o)}
window.onscroll = function(){
$('test').style.top = document.documentElement.clientHeight + (document.documentElement.scrollTop || document.body.scrollTop) - 110 +'px'
}
</script>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
