Javascript 使用js时设置位置动画';不行,我需要用什么?
我有一个脚本,它在向下滚动120px时得到修复。效果很好 但我也需要让我的边栏成为默认位置:绝对;空白:0; 当向下滚动120px时,边栏类需要是position:fixed;和边缘顶部:50px;我不认为这很难做到,但我不是一个程序员。有人能帮我吗 这不起作用,因为边距可以,但不能定位,因为它不能设置动画?我还找不到任何解决办法Javascript 使用js时设置位置动画';不行,我需要用什么?,javascript,jquery-animate,Javascript,Jquery Animate,我有一个脚本,它在向下滚动120px时得到修复。效果很好 但我也需要让我的边栏成为默认位置:绝对;空白:0; 当向下滚动120px时,边栏类需要是position:fixed;和边缘顶部:50px;我不认为这很难做到,但我不是一个程序员。有人能帮我吗 这不起作用,因为边距可以,但不能定位,因为它不能设置动画?我还找不到任何解决办法 $('.sidebar').animate({'position':'fixed'}); 我的剧本: $(document).ready(function(){
$('.sidebar').animate({'position':'fixed'});
我的剧本:
$(document).ready(function(){
var startY = 120;
$(window).scroll(function(){
checkY();
});
function checkY(){
if($(window).scrollTop() > startY ){
$('.fixedDiv').slideDown(400, function(){});
}else{
$('.fixedDiv').slideUp(400, function(){});
}
}
checkY();
});
您可能只需要执行
$(“.sidebar”).css(“position”,“fixed”)
来设置css<代码>位置不是一个可以设置动画的属性,因为尝试这样做是毫无意义的。我们无法使用需要使用的动画设置Dom的位置
css('property',value) 最后,我之所以这样做,是因为发生了一些反应灵敏的事情:
$('.sidebar').addClass('gofix');
并添加了css:
<style>
.gofix{position:fixed; top:55px;}
@media (max-width: 480px) {
.gofix{position:relative; top:auto;}
}
</style>
.gofix{位置:固定;顶部:55px;}
@介质(最大宽度:480px){
.gofix{位置:相对;顶部:自动;}
}
Um。。。如何准确地动画之间的过渡“固定”和。。。“不固定”?@NiettheDarkAbsol-听起来它被支持介于“固定”和“固定”之间,这就更没有意义了。啊,好的。css它是:)