javascript - 如何根据更新的 x 位置值将此 div 向左移动？

Question

http://codepen.io/leongaban/pen/WvOmwL

这应该很简单，试试答案 found here无济于事。

d.style.left = x_pos+'px';

我有一个 div #carousel-list 我想根据 < > 导航按钮左右移动。

当前的javascript:

document.getElementById('move-right').addEventListener("click", moveRight, false);

var carousel = document.getElementById("carousel-list");

function getPosX(el) {
  // yay readability
  for (var lx=0;
       el != null;
       lx += el.offsetLeft, el = el.offsetParent);
  return {x: lx};
}

function moveRight() {
  var currentX = getPosX(carousel);
  console.log(currentX.x); // returns 0
  console.log(currentX - 20); // returns NaN for some reason
  carousel.style.left = (currentX - 20)+'px';
  console.log(currentX.x); // still returns 0 so div does not move
}

关于我无法移动 carousel div 的想法？或者当 currentX 是数字 0 时，为什么 (currentX - 20) 返回 NaN？

Answer 1

糟糕，改变:

carousel.style.left = (currentX - 20)+'px';

到:

carousel.style.left = (currentX.x - 20)+'px';