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>
</div>

td {
   padding: 15px;
}


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

如何在此表格左侧显示当前元素？首先应该 a ，如果此表中左侧有 s 的TD，那么应该显示 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/

滚动和表格

1 个答案: