
css能不能相对屏幕定位?不是相对页面定位,是相对屏幕定位
css能不能是层或者div相对屏幕定位?不是相对页面定位,是相对屏幕定位,无论页面怎么样滚动,这个层总是处于屏幕的相同地方...
css能不能是层或者div相对屏幕定位?不是相对页面定位,是相对屏幕定位,无论页面怎么样滚动,这个层总是处于屏幕的相同地方
展开
4个回答
展开全部
首先需要一个绝对定位的元素
<div id="test" style="position:absolute;">test</div>
实现的原理很简单,随页面滚动(Scroll)事件动态设置元素的css top值。
比如定位在页面顶端
$(window).scroll(function(){
$('#test').css('top', $(document).scrollTop());
});
定位在页面底端
$(window).scroll(function(){
$('#test').css('top', $(document).scrollTop() + $(window).height() - $('#test').height());
});
定位在其他位置可以根据具体情况+-top调整即可。
<div id="test" style="position:absolute;">test</div>
实现的原理很简单,随页面滚动(Scroll)事件动态设置元素的css top值。
比如定位在页面顶端
$(window).scroll(function(){
$('#test').css('top', $(document).scrollTop());
});
定位在页面底端
$(window).scroll(function(){
$('#test').css('top', $(document).scrollTop() + $(window).height() - $('#test').height());
});
定位在其他位置可以根据具体情况+-top调整即可。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用position:fixed可以固定div位置,但ie6不兼容
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不管IE6的话用 position:fixed
要是兼容IE6,就得用js来做了
要是兼容IE6,就得用js来做了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
position:fixed , 最好的办法还是JS实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询