2个回答
展开全部
<html>
<body style="height: 1000px;">
<div id="rb" style='width:300px;height:200px;border:1px solid grey;position:fixed;right:0;bottom: 0'>
<div id="hander" style="width: 100px;height: 30px;position: fixed;float: left;background: #777d9c;color: #ffffff" onmouseover="msac('block')" onmouseout="msac('none')">touch here!</div>
</div>
<div id="over" style='z-index:10;color:#000;width:300px;height:200px;border:1px solid #aaaaaa;position:fixed;left:300px;top: 200px;display: none;-moz-box-shadow: 0 0 35px #aca99f ;box-shadow: 0 0 35px #aca99f;'>
here is your uplayer!
</div>
<script>
function msac(stat){
document.getElementById('over').style.display=stat;
}
window.onscroll = function(){
document.getElementById('rb').style.right = '0';
document.getElementById('rb').style.bottom = '0';
document.getElementById('over').style.left = '300px';
document.getElementById('over').style.top = '200px';
}
</script>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
fdsafsa<br>
</body>
</html>
</html>
PS:滚动下位置也能保持不变
追问
我已经做出来效果了。。谢谢啦~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先定义一个div在右下角，position: fixed;bottom:100px;right:50px;最后再添加效果：$(".div").click(function(){//右下角的样式 click可以换成hover鼠标浮动效果
$(".filter").toggle();//显示的样式
});
$(".filter").toggle();//显示的样式
});
追问
我忘了说了，。就是滚动条往下滚动的时候，这个div和浮动层也要跟着一起往下滚动。。你能帮忙写一下能就是完全实现出效果的代码吗？我之前写的要么就是能够往下滚动，但是浮动层不显示出来，要么就是浮动层显示出来不随着滚动
追答
js要自己引用下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
