jquery-animate

I'm looking to change the opacity on an object (and have the transition be animated) based on a users scroll. example(http://davegamache.com/) I've searched everywhere like here, but it ends up pointing me to the waypoints plugin (http://stackoverflow.com/questions/6316757/opacity-based-on-scroll-position) I've implemented the [waypoints][1] plugin and have the object fading once it's higher than 100px. [Using the offet attribute] but would like to basically control the opacity of an object and have the animation be visible like the above example. I've searched all over- this is my last resort

In an attempt to upgrade the jQuery plugin 'iCheckbox' (http://stackoverflow.com/questions/6032538/) to work above jQuery 1.4.4 I found out that the use of animate({backgroundPosition:'10px 0px'}) needed to be changed to animate({backgroundPositionX: '10px', backgroundPositionY: '0px'}) as only properties with one parameter should be used. So far, this makes sense, but wait.. while it's working fine in Safari and Chrome, it's not working in FF4 (all on Mac).. So i tried this and that and finally found out that if I change it to animate({backgroundPosition: '10px'}) It works everywhere! But

Using jQuery I'm creating a basic 'tooltip' animation so that the tooltip will appear in a little animation in which it fades into view as well as move vertically. So far I have this: $('.tooltip').fadeIn('slow'); $('.tooltip').animate({ top: "-10px" }, 'slow'); Doing it that way or this way: $('.tooltip').fadeIn('slow').animate({ top: "-10px" }, 'slow'); The animations will run one at a time, the fade in first and then the vertical animation. Is there a way to have it do both at the same time? $('.tooltip').animate({ opacity: 1, top: "-10px" }, 'slow'); However, this doesn't appear to work on

I've setup a jQuery UI progressbar but can't use jQuery animate to animate it's value. Any ideas on how to make this work? The percentDone variable holds a number from 0 to 100 showing how far along the scrollbar should be (this works fine). I've tried several different things to no avail. Here's what I have so far: var progressbar = $("#progressbar1").widget(); progressbar.animate({ value: percentDone }, 5000, function() { console.debug('done animating'); }); Note that if I update the scrollbar using the "value" method it works fine but it jumps to that value instead of smoothly animating to