js+css网页固定右下角 回到顶部 让它固定在底部怎么做
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js+css网页固定右下角 回到顶部 让它固定在底部怎么做相关的知识，希望对你有一定的参考价值。
首先，设定盒子名称
div id="fanhui"
css中写样式
#fanhui
position: absolute;
left: 30px;
top: 20px;
这样写就是距离右边30像素，距离下边20像素。
绝对定位使元素的位置与文档流无关，因此不占据空间
效果如下：
<div style="height:2000px; background-color:red">
</div>
<div style="position:fixed; bottom:0; right:0; width:100px;
background-color:blue; color:yellow">
固定的内容
</div>
<html>追问
就是QQ空间还有淘宝 跟滚动条一起动的那个返回顶部 让他在最下边不动 求代码 详细的
追答你把我的代码存成一个HTML文件，就是那个效果啊。
本回答被提问者采纳 参考技术B http://maxiaojia0209.blog.163.com/blog/static/118375263201161495928794/ 参考技术C position: absolute;然后设置上下左右，你想放哪就放哪追问我加你吧 给你源文件你看看改哪里 怎么改 我是菜鸟
参考技术D 题主表达的观点可能让答题者有误解，其实position:fixed是固定在屏幕右下角（或者其他地方），脱离文档流，滑动页面，始终在屏幕（即显示器）的右下角，如果没有显示或者显示错误，请检查给了right/left/top/bottom没，，*****华丽的分割线**上面的这位写的是position: absolute，是不会脱离文档流的，看你需要哪一种以上是关于js+css网页固定右下角 回到顶部 让它固定在底部怎么做的主要内容，如果未能解决你的问题，请参考以下文章