jquery - 元素中的 ScrollLeft 溢出 :hidden

Question

我正在为浏览器游戏使用 PHP 生成的 map 。我已经完成了 Y 坐标，但是我对 X 坐标有问题。如果用户改变 map 的位置(通过 JQuery 插件)，X 坐标会随 map 滚动。

这是所有代码(抱歉本网站上的丑陋 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());
    }
  });


});

那么它应该可以工作了。使用 scrollLeft 而不是 scrollRight。

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