javascript - 将 x 偏移到图像

Question

如何将此字符绑定(bind)为仅在 x 方向上流动。 它现在正在向各个方向自由移动。 我希望火柴人 Angular 色位于底部(站在边界上)，并且除了 x 方向外不向任何方向移动。

它也应该在 y 方向上跳跃。

我正在尝试为其添加偏移 x 方向。

这是我的 fiddle -

Fiddle

我正在尝试的代码-

function key(e) {
    console.log(e.keyCode);
    e.offsetx;
    var $key = e.keyCode;

帮助将不胜感激。

Answer 1

只需删除 css box.css("top","-=10"); 它应该只在 x 方向移动。

对于跳跃，你可以像这样在启动时保存偏移量:

var xPos=box.offset().top;

//in your interval
if(spaceBar)
{
    box.stop(true,false).animate({top:xPos-50},100, function(){
       box.animate({top:xPos},100);
    });
}

看这个fiddle