Как переместить обьект по вертикали?

var pi = Math.PI;
var rho = 0;
var rho2 = 0.5;

function Peremeshenie() {
  document.getElementById('Ken ').style.left = rho *
    Math.cos(pi) + 'px';
  document.getElementById('Ken ').style.top = rho *
    Math.Sin(pi) + 'px';
  rho += rho2;

}
setInterval(moveByLine, 20);
#Ken {
  width: 100px;
  height: 100px;
  background: #999
}
<div id='Ken'></div>


Ответы (1 шт):

Автор решения: artomich
var pi = Math.PI;
var rho = 0;
var rho2 = 0.5;

function peremeshenie() {
  document.getElementById('Ken').style.top = rho *
    Math.sin(pi) + 'px';
  rho += rho2;

}
setInterval(peremeshenie, 100);

Тогда объект будет перемещаться чисто по вертикали каждые 200 миллисекунд на некую величину (все-таки не понимаю, зачем вам тут тригонометрия).
В css:

#Ken {
    background: red;
    position: absolute;
    left: 100px;
    width: 100px;
    height: 100px;
}
→ Ссылка