0 
<div id="main" style="max-width: 65px !important; overflow: scroll">
   <table border="1">
       <tr><td>a</td><td>s</td><td>d</td><td>f</td><td>g</td><td>h</td><td>i</td><td>j</td><td>k</td><td>l</td></tr>    
   </table>
​&lt;/div>​

​td {
   padding: 15px;
}​


​$('#main').scroll(function(){
    console.log($(this).scrollLeft());
    //console.log( current TD on left );
})​​​​​

この表の左側に現在の要素を表示するにはどうすればよいですか？開始は、である必要があります。次に、 sを含むTDがこのテーブル内の左側にある場合は、sを表示する必要があります。

http://jsfiddle.net/8KLDc/

4

1 に答える 1

0 
$('#main').scroll(function() {

    offset = $(this).offset();

    currentElement = document.elementFromPoint(offset.left + 20, offset.top);

    console.log(currentElement.innerHTML);
})​;​

#mainまず、ページ上の要素の位置を見つけます。次に、その位置の右に 20 ピクセルの要素を検索します (中心に最も近いセルが必要なため)。

例: http://jsfiddle.net/grc4/8KLDc/2/

于 2012-09-12T08:43:53.817 に答える