javascript - 滚动和表格

Question

<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 );
})​​​​​

如何在此表的左侧显示当前元素？对于 start 应该是a，然后如果 TD with s在此表的左侧，那么应该显示我s

http://jsfiddle.net/8KLDc/

Answer 1

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

    offset = $(this).offset();

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

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

首先，它找到#main元素在页面上的位置。然后它会搜索该位置右侧 20px 的元素（因为我们想要最靠近中心的单元格）。

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