Javascript [JS移动屏幕中间的元素

我是JS的初学者，我需要帮助别人完成一项任务，但我被卡住了。 她需要在页面显示时将元素从屏幕的底部外侧移动到屏幕的中间

她试了一下，但什么也没发生：

$（文档）.ready（函数（）{
var myimg=$（this.find（“div”）；
//只是想移动div，但什么都没有
动画（{transform:'translateY（150px）}，800，'ease'）
})

#首先{
边缘顶部：150px；
左边距：170px；
显示：块；
浮动：左；
}
#中间的{
边缘顶部：150px；
左边距：100px；
显示：块；
浮动：左；
}
#最后{
背景色：#F16668；
边缘顶部：150px；
左边距：100px；
显示：块；
宽度：300px；
高度：100px；
浮动：左；
}

喇嘛
喇嘛
喇嘛

我希望这有助于您了解如何使用CSS类和转换制作动画

setTimeout（函数（）{
$（“#中间”）.addClass（'goUp'）；
}，1000）；//1秒后向上移动
$（“#中间”）。单击（函数（）{
$（this.toggleClass（'goUp'）；
})；//点击移动

div{
边框：1px纯红；
位置：相对位置；
过渡：均为0.5s；
}
#中间的{
显示：块；
顶部：100px；
}
#中古{
顶部：0px；
}

单击以移动

我希望这有助于您了解如何使用CSS类和过渡设置动画

setTimeout（函数（）{
$（“#中间”）.addClass（'goUp'）；
}，1000）；//1秒后向上移动
$（“#中间”）。单击（函数（）{
$（this.toggleClass（'goUp'）；
})；//点击移动

div{
边框：1px纯红；
位置：相对位置；
过渡：均为0.5s；
}
#中间的{
显示：块；
顶部：100px；
}
#中古{
顶部：0px；
}

单击以移动

代码段不起作用，您要移动的内容，背景颜色从最后一个div移到中间？您一定缺少jquery，jquery-ui.min.js（为了方便功能）我需要移动文本（在任务中是img）从屏幕底部到中间。谢谢你的回答！代码段不起作用，你想移动什么，背景颜色从最后一个div移到中间？你一定缺少jquery，jquery-ui.min.js（为了方便功能）我需要将文本（在任务中是img）从屏幕底部移到中间。谢谢你的回答！