Javascript 固定位置绝对效应
基于此代码: HTML: JS: 如果我直接在css中而不是在js中给出css,我怎么能让它以同样的方式工作呢Javascript 固定位置绝对效应,javascript,html,css,Javascript,Html,Css,基于此代码: HTML: JS: 如果我直接在css中而不是在js中给出css,我怎么能让它以同样的方式工作呢 我不想这么说,但在普通的CSS2,3中这是不可能的。只是为了确保,您正在尝试在css中获取窗口位置?是的,我希望它是绝对的。。。但是使用固定cssno,而不是通过css通过js。。这不可能吗?@H_alt我可能遗漏了一些东西,但是你的jQuery不是已经做得很好了吗?你很清楚地问:我怎样才能让它仍然以同样的方式工作?它可以工作,但是css是在js中定义的。。。我不想要that@H_al
我不想这么说,但在普通的CSS2,3中这是不可能的。只是为了确保,您正在尝试在css中获取窗口位置?是的,我希望它是绝对的。。。但是使用固定cssno,而不是通过css通过js。。这不可能吗?@H_alt我可能遗漏了一些东西,但是你的jQuery不是已经做得很好了吗?你很清楚地问:
我怎样才能让它仍然以同样的方式工作?
它可以工作,但是css是在js中定义的。。。我不想要that@H_alt(JS中定义了什么CSS??)再次阅读我的答案。您不能在CSS中设置它并期望它以相同的方式工作。CSS没有滚动事件。
<div style="width:1000px;height:1000px;">
<div id="box1" class="box" style="left:20px;top:20px;">
My position-x is fixed but position-y is absolute.
</div>
<div id="box2" class="box" style="left:20px;top:120px;">
My position-x is absolute but position-y is fixed.
</div>
<div id="box3" class="box" style="left:20px;top:220px;">
Im positioned fixed on both axis.
</div>
</div>
.box
{
width:400px;
height:80px;
background:gray;
position:fixed;
}
$(window).scroll(function(){
//box one
var $win = $(window);
$('#box1').css('top', 20 -$win.scrollTop());
$('#box2').css('left', 20 -$win.scrollLeft());
});