Javascript 使div从屏幕外显示

Javascript 使div从屏幕外显示,javascript,Javascript,我正在做这个任务,我必须使用纯javascript使div显示在屏幕的侧面,而不需要浏览器展开。这就是我到目前为止所做的: 函数moveImg(){ var div=document.getElementsByTagName('div')[0]; var pos=500; var id=设置间隔(移动,500); 函数Move(){ 如果(pos像评论中所说的那样,你不会说你希望你的div朝哪个方向移动,也不会说它应该从哪个位置开始 我已经设置了top:100、left:100的起始位置,并将

我正在做这个任务,我必须使用纯javascript使
div
显示在屏幕的侧面,而不需要浏览器展开。这就是我到目前为止所做的:

函数moveImg(){
var div=document.getElementsByTagName('div')[0];
var pos=500;
var id=设置间隔(移动,500);
函数Move(){

如果(pos像评论中所说的那样,你不会说你希望你的
div
朝哪个方向移动,也不会说它应该从哪个位置开始

我已经设置了top:100、left:100的起始位置,并将
top
left
值每秒减少
1px

函数moveImg(){
var div=document.getElementsByTagName('div')[0];
var pos=100;
var id=设置间隔(移动,500);
函数Move(){

如果(pos我通常会使用transform

我也做过一些数学题,我对代码进行了注释,但请随意询问您是否需要帮助理解

函数moveImg(){
var div=document.getElementsByTagName('div')[0];
var posX=document.body.clientWidth-div.offsetWidth;//X的起始位置
var posY=document.body.clientHeight-div.offsetHeight;//Y的起始位置
var tarX=posX/2;//X的结束位置
var tarY=posY/2;//Y的结束位置
var time=5;//动画需要多少秒
var fps=60;//每秒帧数,heigher更平滑,但需要更大的功率
var stepX=((posX-tarX)/(time*fps));//X应将每帧移动多远
var stepY=((posY-tarY)/(time*fps));//Y应该移动每帧多远
var id=设定间隔(移动,(1000/fps));
div.style.transform=“translate(“+posX+”px,“+posY+”px)”;
div.style.opacity=“1”;
函数Move(){

如果(posX,您的问题是…?无论如何,我可以在不展开页面的情况下显示div?您希望它从哪里开始?(离开屏幕到左侧,或以一定角度,等等)你的div的位置是“代码>静态< /代码>,这就是为什么它不移动!我希望它从屏幕的右下角开始,到一个磨坊的中间,它破坏了我的头脑。代码工作得很好,请考虑将问题标记为已解决的,如果是的话。