html css 返回顶部按钮位置怎么固定。
返回顶部按钮位置怎么固定。我想把这个按钮位置固定，就是窗口化浏览器后，拖动下面的滚动条，这个按钮不会跑到左边来。也就是说：页面上下滚动时，按钮老是看得见，相对于屏幕位置不...
返回顶部按钮位置怎么固定。我想把这个按钮位置固定，就是窗口化浏览器后，拖动下面的滚动条，这个按钮不会跑到左边来。也就是说：页面上下滚动时，按钮老是看得见，相对于屏幕位置不变，但是页面左右滚动时不要让按钮跑到左边来。这个按钮的位置css怎么写。
要求效果:上下滚动时，按钮固定在屏幕的某个位置。向左滚动时，按钮不会跟着滚动条跑。 展开
要求效果:上下滚动时，按钮固定在屏幕的某个位置。向左滚动时，按钮不会跟着滚动条跑。 展开
5个回答
展开全部
可以使用相当于浏览器定位。css样式中写入：
{position: fixed;
right: 20px;
bottom: 100px; }相当于浏览器右边20px，浏览器底部100px的距离的定位。
fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。
{position: fixed;
right: 20px;
bottom: 100px; }相当于浏览器右边20px，浏览器底部100px的距离的定位。
fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
很多时候，需要对div进行固定，比如在线咨询模块，这就需要固定div在显示页面的位置，而不能随滚动条滚动。
思路：将需要固定的div做成悬浮框，目的是能和别的div块重合，然后当触发滚动条事件，动态改变div坐标。
代码：
jsp中：
<body>
<div style="position: absolute;z-index:90" id="div1">我不动</div>
<div>我动<div>
</body>
//有的将position设置成fixed,我试了试效果不如position好,设置z-index，向里的深度，我这儿设置90，你要覆盖几个div，设置数大于那个数就行。
js中：
我这儿用jquery写。
$(document).ready(function(){
$(window).scroll(function(){//滚动时触发函数
$("#div1").css("top",$(document).scrollTop());//将滚动条高度赋给悬浮框。
//在这儿加那句
})
我这个没有下边的滚动条，因为没有测试，所以没有轻易写，如果你想尝试，试着加句
$("#div1").css("right",$(document).scrollRight());//将滚动条高度赋给悬浮框。
导入jquery库，效果就出来了
思路：将需要固定的div做成悬浮框，目的是能和别的div块重合，然后当触发滚动条事件，动态改变div坐标。
代码：
jsp中：
<body>
<div style="position: absolute;z-index:90" id="div1">我不动</div>
<div>我动<div>
</body>
//有的将position设置成fixed,我试了试效果不如position好,设置z-index，向里的深度，我这儿设置90，你要覆盖几个div，设置数大于那个数就行。
js中：
我这儿用jquery写。
$(document).ready(function(){
$(window).scroll(function(){//滚动时触发函数
$("#div1").css("top",$(document).scrollTop());//将滚动条高度赋给悬浮框。
//在这儿加那句
})
我这个没有下边的滚动条，因为没有测试，所以没有轻易写，如果你想尝试，试着加句
$("#div1").css("right",$(document).scrollRight());//将滚动条高度赋给悬浮框。
导入jquery库，效果就出来了
追问
追答
给你修改了，你试试，应该会用jquery吧？
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
position:fixed 然后在设置left或 right top或 bottom
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
绝对位置，针对浏览器或者文档整体，
追问
用了positon:absolute可是上下滚动时，按钮就滚不见了
追答
相对的像素你设定了~相对的父级你选好了？参考最新答案~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
position:fixed
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
