JQuery сделать текст прокрутки Div

Question

Я пытаюсь сделать div, содержащий текст, прокручиваемый вверх.

Я искал учебники и у меня это есть в данный момент (не работает)

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

Что я делаю не так?

обновление

Извините за путаницу, я имел в виду, что я хотел, чтобы весь текст перемещался / прокручивался / поднимался вверх по странице, а не прокручивался до конца с помощью функции scrollUp.

Answer 1

Вот рабочая скрипка с animate. Недопустимый аргумент animate.Этот конкретный пример использует left.Вы также можете использовать top.

http://jsfiddle.net/AueNk/

Answer 2

Обратите внимание, что параметры, передаваемые в анимацию, должны быть теми значениями CSS, которые ожидаются при завершении анимации.

Попробуйте этот код:

$('#test').animate(
{
    top: '0'
}, 1000
);

Выможно установить положение элемента относительно:

<div id="test" style='position: relative; top: 100px;'>test test test </div>

Js пример скрипки здесь

Answer 3

Являетесь ли вы #div идентификатором текущего div?

$('div').slideUp();
$('div').fadeOut();

Answer 4

если вы хотите, чтобы div исчез, попробуйте

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

О возможностях этой функции вы можете прочитать здесь: http://api.jquery.com/slideUp/

не уверен, почему я получил -1 за ответ на вопрос. после прочтения вашего редактирования вы можете попробовать что-то вроде этого

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

это также должно работать

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