0

まず、英語が下手で本当にごめんなさい...

次に、iScrollを使用してテーブルをスクロールさせます。現在のスクローラーの位置を取得したいと思います。

例えば

var myScroll = new iScroll('wrapper');



    <div id="wrapper">
         <table id="myTable">
                        <thead > 
                            <tr> 
                                <th>first name</th>
                                <th>last name</th>
                                <th>country</th>
                                <th >sex<br/>Time</th>
                            </tr> 
                        </thead> 
                        <tbody>
                           .
                           .
                           .
                           .
                          <tr id="last-tr">
                             <td>...</td>
                             <td>...</td>
                             <td>...</td>
                             <td>...</td>
                          </tr>
         </table>
    </div>

ここで、イベント内のいくつかのメソッドをバインドしたいのですが、このイベントは、スクローラーが最後のtrまでスクロールしたときにトリガーされます。誰か助けてもらえますか？私は感謝するでしょう！

4

1 に答える 1

2

最後の tr の最初の行がビューポートに入ったときにバインドしたいと言えます。

iscroll を使用している間、関数 ' onScrollMove ' でイベントをバインドできます。まだ行っ
ていない場合は、これを iscroll ラッパー js に追加します。

options.onScrollMove = function(){
      that.triggerHandler('onScrollMove', [this]);
    };

次に、イベント ハンドラーをバインドして onScrollMove をリッスンします。このコードは、イベント ハンドラーに入ります。

var cont =$('#wrapper');
var docViewBottom = $(cont).scrollTop() + $(cont).height();
    var itemOffset = $('tr#last-tr').offset();
    if(itemOffset){
        //it means that the last tr is in view..  bind events here
    }
于 2012-03-16T10:06:29.840 に答える