滚动和表格

Scroll and table

本文关键字：表格 滚动      更新时间：2023-09-26
<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/

$('#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/

相关文章：