html css 返回顶部按钮位置怎么固定。
返回顶部按钮位置怎么固定。我想把这个按钮位置固定,就是窗口化浏览器后,拖动下面的滚动条,这个按钮不会跑到左边来。也就是说:页面上下滚动时,按钮老是看得见,相对于屏幕位置不...
返回顶部按钮位置怎么固定。我想把这个按钮位置固定,就是窗口化浏览器后,拖动下面的滚动条,这个按钮不会跑到左边来。也就是说:页面上下滚动时,按钮老是看得见,相对于屏幕位置不变,但是页面左右滚动时不要让按钮跑到左边来。这个按钮的位置css怎么写。
要求效果:上下滚动时,按钮固定在屏幕的某个位置。向左滚动时,按钮不会跟着滚动条跑。 展开
要求效果:上下滚动时,按钮固定在屏幕的某个位置。向左滚动时,按钮不会跟着滚动条跑。 展开
5个回答
展开全部
很多时候,需要对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
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询