jquery - 带有溢出的元素中的 ScrollLeft：隐藏

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