jquery在Android上不起作用
下面的代码在Android浏览器中不起作用 我怎么修理它jquery在Android上不起作用,android,jquery,scroll,overflow,Android,Jquery,Scroll,Overflow,下面的代码在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;"&
<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);
});
4545
$('#sannn').bind('click',function(){
$('sann')。向左滚动(10);
});
看起来这是Android浏览器4.0.3中的一个bug+
问题38505:DOM元素scrollLeft setter在Android浏览器4.0.3中不工作+
将div包装器定位为相对于溢出隐藏和特定宽度和高度的位置。在内部div(要移动的div)上使用position-absolute,并通过jQuery使用内联样式的左位置
如果你真的需要滚动条。Jquery UI滑块可能会有所帮助:我在Zepto.js中遇到了同样的问题。我可以通过首先禁用scrolling元素上的overflow:scroll来解决这个问题,如下所示:
$("#element-to-scroll").css({'overflow': 'hidden'}).scrollLeftTo(newXPos, 250).css({'overflow': 'scroll');