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