CSS溢出表行定位
时间:2020-03-05 18:50:20 来源:igfitidea点击:
我在div标签中有表格。该表格中有40行,并且div的高度设置为显示该表格的10行。 CSS的overflow:auto可让我滚动浏览40行。一切都很好。
如何使用JavaScript使表格以编程方式定位到给定的行(即以编程方式逐行向上或者向下滚动表格)?
解决方案
回答
其中" superHappyFunDiv"是容器DIV的ID,行是从0开始的行索引:
function scrollTo(row) { var container = document.getElementById("superHappyFunDiv"); var rows = container.getElementsByTagName("tr"); row = Math.min(Math.max(row, 0), rows.length-1); container.scrollTop = rows[row].offsetTop; }
将尝试将请求的行滚动到容器的顶部。
在IE6和FF3中测试。