0

アプリケーションでtwitterブートストラップ、jquery、phonegapを使用しています。

私はoverflow：scrollとそれをナビゲートするための2つのボタンを持つdivを持っています：

    <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でも正常に機能し、Android2.2でも正常に機能します。

しかし、何らかの理由で、Android4.0ではボタンは何もしません。

4

4 に答える 4

1

jquery-1.9.1.jsを試してください。Android2.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

これを試してみませんか。

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

したがって、私が試した最も簡単な回避策は、アニメーション化の直前にCSSオーバーフロープロパティを非表示に設定し、完全なハンドラーが呼び出されたときにそれを「スクロール」/「自動」に復元することです。

問題は、「オーバーフロー」を「スクロール」に戻すと、スクロール可能なdivが一番上に表示されることです...何かアイデアはありますか？

于 2013-01-28T16:29:01.293 に答える
0

scrollLeftはAndroidでは機能しません。これは、Androidブラウザー（4.0.3以降）の既知のバグです。

このstackoverflowの質問をチェックしてください

代わりに、内部要素の「left」プロパティを使用できます。

于 2013-02-13T03:14:22.033 に答える