0

我在我的应用程序中使用 twitter bootstrap、jquery 和 phonegap。

我有一个带有溢出的 div:scroll 和两个按钮来浏览它：

    <a href="#" id="left-button" style="float: left;"><i class="icon-chevron-left"></i></a>
    <a href="#" id="right-button" style="float: right;"><i class="icon-chevron-right"></i></a>
    <div id="content" style="overflow: scroll; white-space: nowrap;">
        <img src="img/bandera.jpg" class="img-rounded">
        <img src="img/arbol.jpg" class="img-rounded">
    </div>

我有下一个 jquery 脚本来使用这些按钮：

   $('#right-button').click(function(){
       $('#content').animate({
           scrollLeft: '+=200px'
       }, 600 );
     });
   $('#left-button').click(function(){
       $('#content').animate({
           scrollLeft: '-=200px'
       }, 600 );
     });

但我有一个问题。这些按钮在我的桌面上的 Firefox、Chrome 甚至 IE 中都可以正常工作，并且在 Android 2.2 中也可以正常工作

但出于某种原因，在 Android 4.0 中，按钮什么也不做。

4

4 回答 4

1

试试 jquery-1.9.1.js，我对 Android 2.3.6 设备上的 jquery-1.8.2.js 有同样的问题。我终于通过升级到 jquery-1.9.1.js 解决了这个问题。

http://bugs.jquery.com/ticket/12497

于 2013-02-26T07:06:36.293 回答
0

因此，我尝试过的最简单的解决方法是在动画之前将 CSS 溢出属性设置为隐藏，并在调用完成处理程序时将其恢复为“滚动”/“自动”。

问题是，当我将“溢出”设置回“滚动”时，可滚动的 div 会上升到顶部……有什么想法吗？

于 2013-01-28T16:29:01.293 回答
0

你会试试这个。

 $('#left-button').live("click", function(){
       $('#content').animate({
           scrollLeft: '-=200px'
       }, 600 );
     });
于 2012-10-11T08:17:52.750 回答
0

scrollLeft 在 Android 中不起作用，它是 Android 浏览器 (4.0.3+) 中的一个已知错误。

看看这个stackoverflow问题

相反，您可以使用内部元素的“左”属性。

于 2013-02-13T03:14:22.033 回答