jquery make text div scroll

Question

我正在尝试将包含文本的div向上滚动。

我已经搜索了教程，并且此刻（它不能正常工作）

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

我做错了什么？

更新

很抱歉这个混乱，我的意思是我希望整个文本可以平移/滚动/上升页面，而不是使用scrollUp函数滚动到关闭。

Answer 1

这是一个有动画的工作小提琴.. Up不是一个有效的动画参数。此特定示例使用left。您也可以使用top。

http://jsfiddle.net/AueNk/

Answer 2

如果你想让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);

Answer 3

你#div是当前div的id吗？

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

Answer 4

请注意，传递给动画的参数应该是动画结束时动画所需的CSS值。

试试这段代码：

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

您可以将元素的位置设置为relative：

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

Js fiddle example here