2012-03-30 63 views
1

无论如何要添加一个固定的元素放松?,我一直在四处张望,我无法找到答案。我真的不知道它会怎么样,也许类似...放松固定位置jquery

$(window).scroll(function() { 
    $("#form").animate({position:"fixed", easing: 'swing'}); 
}); 

任何帮助将不胜感激^ ^谢谢!

编辑:差不多就是我要找的是当用户滚动,固定元件显然会跟随窗口的位置,但我想补充的是在比较有点延迟与宽松政策的效果进行滚动操作

+1

什么样的动作{position:fixed}会产生?似乎对我来说是一个悖论 – gpasci 2012-03-30 06:22:07

+0

对不起有点解释编辑我的问题 – Paradise 2012-03-30 06:25:33

回答

0

试试这个:

$("#form").animate({position:"fixed"}, 300, 'swing'); 
0

从jQuery API():

唯一宽松的实现在jQuery库的默认值, 称为秋千,并且以恒定的速度前进,称为 线性。通过使用插件 (最值得注意的是jQuery UI suite),可以使用更多的缓动功能。

$("form").animate({position:"fixed"}, 300, 'swing'); //swing being default 
1

你不得不作出这样的DIV绝对定位,Z索引,没有父母,然后将它的滚动事件。您可以知道使用scrollTop()滚动的像素数量。类似这样的:

$(window).scroll(function(){ 
    var offset=100; 
    //stop is called so easing doesn't affect while it is still scrolling. 
    $("form").stop().animate({top:($(window).scrollTop()+offset)+"px"}, 300, 'swing'); 

    });