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());
    }
  });


});

然后它应该工作。使用scrollLeft而不是scrollRight。

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

带有overflow：hidden的元素中的ScrollLeft

1 个答案: