Question

用position:fixed做的一个悬浮栏 但是必须拉到网页下面才显示 新手求解

我要纯CSS的 谢谢 我的意思是别人做的一进网页悬浮栏就显示了 而我要拉到网页下面才会显示 怎样一直显示在网页上

Answer 1

<style>
*{margin:0; padding:0;}
</style>

<div style="height:1000px; width:100px; border:#000 1px solid;">测试</div>
<div id="box" style="position:fixed; border:red 1px solid; z-index:5; right:0; top:0; width:200px; height:400px; display:none;">浮动框</div>
<div id="box1" style="position:fixed; border:red 1px solid; z-index:5; right:0; top:0; width:200px; height:200px;">浮动框</div>
<script type="text/javascript">
window.onscroll=function()
{
document.getElementById("box1").innerHTML=document.documentElement.scrollHeight-document.documentElement.clientHeight;
if(document.documentElement.scrollTop==document.documentElement.scrollHeight-document.documentElement.clientHeight)
{
document.getElementById("box").style.display="block";
}
else
document.getElementById("box").style.display="none";
}
</script>

刚写的，自己拿去研究下！

追问

可能我表达不清楚 我是要纯css+div的悬浮栏 一直显示在网页上 而我现在是必须拉到底部才会显示

追答

那你贴出代码，不然怎么知道出现在什么问题上

追问

追答

就这部分是没有问题的，他没受到JS控制？你用的是什么浏览器？IE6是不支持position:fixed;的

追问

你的QQ多少 求详解

追答

2355351148

Answer 2

这个需要Js实现！

有可以去看看Jquery文档！