4

下面的代码在安卓浏览器中不起作用！

我如何解决它？

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

2 回答 2

3

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

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

问题 38505：DOM 元素 scrollLeft 设置器在 Android 浏览器 4.0.3+ 中不起作用

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

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

于 2012-11-21T18:24:42.710 回答
0

我在使用 Zepto.js 时遇到了同样的问题。我可以通过首先禁用溢出来解决这个问题：滚动元素上的滚动，如下所示：

$("#element-to-scroll").css({'overflow': 'hidden'}).scrollLeftTo(newXPos, 250).css({'overflow': 'scroll');
于 2013-03-29T18:56:17.133 回答