ScrollLeft in element with overflow:hidden

Question

我正在使用PHP生成的地图进行浏览器游戏。我已经完成了 Y 坐标，但我对 X 坐标有问题。如果用户更改地图的位置（通过 JQuery 插件），X 坐标会随地图一起滚动。

这是所有代码（对不起这个网站上的丑陋CSS）：http://jsbin.com/uWaVANI/1/

问题出在 CSS 中（我认为），因为带有 X 坐标的栏没有 100% 的宽度并且有换行符。我尝试了white-space: nowrap, position: absolute，但没有任何效果。

也许我做错了？

Answer 1

将其更改为

$(document).ready(function () { 
  $('#mapa_move').kinetic({
    moved: function(state) {
      $('#y_move').scrollTop($('#mapa_move').scrollTop());
      $('#x_move').scrollLeft($('#mapa_move').scrollLeft());
    }
  });

});

那么它应该可以工作。使用滚动左而不是滚动右。

看一看： http://jsbin.com/uWaVANI/2