jquery 使文本 div 滚动答案

【问题标题】：jquery make text div scrolljquery 使文本 div 滚动
【发布时间】：2012-03-13 15:42:39
【问题描述】：

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

我已经搜索了教程，目前有这个（它不起作用）

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

我做错了什么？

更新

对不起，我的意思是我希望整个文本平移/滚动/向上翻页，而不是使用 scrollUp 功能滚动到关闭。

【问题讨论】：

【解决方案1】：

这是 animate 的工作小提琴。 Up 不是有效的 animate 参数。此特定示例使用left。你也可以使用top。

【讨论】：

【解决方案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);

【讨论】：

【解决方案3】：

你#div是不是当前div的id？

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

【讨论】：

【解决方案4】：

请注意，您传递给动画的参数应该是您希望动画完成时的 CSS 值。

试试这个代码：

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

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

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

【讨论】：