android - jquery scrollLeft 不适用于 Android

Question

以下代码在 Android 浏览器中无效!

我该如何解决？

<input id="sannn" type="button" value="SAN" />
<div id="sann" style="width:640px; height:200px; overflow:scroll; border:solid 1px red;">
    <div style="border:solid 1px green; width:3000px; height:200px;">4545</div>
</div>

$('#sannn').bind('click', function () {
    $('#sann').scrollLeft(10);
});

Answer 1

看起来这是 Android 浏览器 4.0.3+ 中的错误

http://code.google.com/p/android/issues/detail?id=38505&thanks=38505&ts=1350315570

问题 38505:DOM 元素 scrollLeft setter 在 Android 浏览器 4.0.3+ 中不起作用

将 div 包装器定位为相对隐藏的溢出和特定的宽度和高度。在内部 div(您要移动的 div)上使用绝对位置，并通过 jQuery 使用内联样式左侧位置。

如果你真的需要滚动条。 Jquery UI slider 可能会有所帮助:http://jqueryui.com/slider/