Question

I’m trying to make a div containing text scroll up.

I’ve searched tutorials and have this at the moment (its not working)

$( "#div" ).animate({ up: 100 }, { duration: 1000, step: 1 });

What am I doing wrong?

update

Sorry for the confusion, I meant I wanted the whole text to pan / scroll / rise up the page, not scroll to a close with the scrollUp function.

Answer 1

if you want the div to disappear, try

$('#div').slideUp('slow');

You can read about options of this function here: http://api.jquery.com/slideUp/

not sure why i got a -1 for answering the question. after reading your edit you can try something like this

var newTop=(0 - $('#div').height());
$('#div').animate({
         top: newTop+'px',
         opacity : 0
 }, 1000);

this should also work

var newTop=($('#div').offset().top+ $('#div').height());
$('#div').animate({
     top: '-=' +newTop+'px',
     opacity : 0
 }, 1000);