html css 返回顶部按钮位置怎么固定。

返回顶部按钮位置怎么固定。我想把这个按钮位置固定,就是窗口化浏览器后,拖动下面的滚动条,这个按钮不会跑到左边来。也就是说:页面上下滚动时,按钮老是看得见,相对于屏幕位置不... 返回顶部按钮位置怎么固定。我想把这个按钮位置固定,就是窗口化浏览器后,拖动下面的滚动条,这个按钮不会跑到左边来。也就是说:页面上下滚动时,按钮老是看得见,相对于屏幕位置不变,但是页面左右滚动时不要让按钮跑到左边来。这个按钮的位置css怎么写。
要求效果:上下滚动时,按钮固定在屏幕的某个位置。向左滚动时,按钮不会跟着滚动条跑。
展开
 我来答
久爱网络
推荐于2018-02-27 · 知道合伙人互联网行家
久爱网络
知道合伙人互联网行家
采纳数:645 获赞数:3980
专精网站设计、排名优化、小程序开发、公众号功能开发等IT技术

向TA提问 私信TA
展开全部
可以使用相当于浏览器定位。css样式中写入:
{position: fixed;
right: 20px;
bottom: 100px; }相当于浏览器右边20px,浏览器底部100px的距离的定位。
fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。
wxqlgd
推荐于2017-11-26 · TA获得超过7025个赞
知道小有建树答主
回答量:415
采纳率:0%
帮助的人:322万
展开全部
很多时候,需要对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库,效果就出来了
追问
新的提问在这里,你帮我修改下。http://zhidao.baidu.com/question/578788236.html?quesup2&oldq=1
追答
给你修改了,你试试,应该会用jquery吧?
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
userliit
2013-08-09 · 超过48用户采纳过TA的回答
知道小有建树答主
回答量:100
采纳率:0%
帮助的人:126万
展开全部
position:fixed 然后在设置left或 right top或 bottom
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
莲花建站
2013-08-09 · TA获得超过581个赞
知道小有建树答主
回答量:2453
采纳率:50%
帮助的人:719万
展开全部
绝对位置,针对浏览器或者文档整体,
追问
用了positon:absolute可是上下滚动时,按钮就滚不见了
追答
相对的像素你设定了~相对的父级你选好了?参考最新答案~
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
846564997
2013-08-09 · TA获得超过661个赞
知道小有建树答主
回答量:366
采纳率:0%
帮助的人:112万
展开全部
position:fixed
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式