javascript - 跟踪 HTML div 内的滚动位置

标签 javascript jquery html css google-visualization

我正在使用 google visualization table 创建一个 html 表,它启用 标题行在用户滚动时保持固定。

我得到了这样的东西:http://jsfiddle.net/RjHMH/114/

我面临的问题是,当我点击展开表格时,它实际上重新绘制了表格,因此滚动条将始终位于 table 的顶部。无论如何,我可以在单击时跟踪滚动条的当前位置,并在重绘表格时将值设置回来吗?

如果它是 DOM滚动条,我可以使用:

var pos = $('body').scrollTop();
table.draw(view, options);
window.scrollTo(0, pos);

那么如何在div中跟踪滚动条呢?

最佳答案

document.getElementsByClassName("google-visualization-table")[0].children[0].onscroll = function(){
    console.log(this.scrollTop); //check the number in console
}

关键是在js中获取div,或者使用jquery,然后就可以访问到那个div的scrollTop。

关于javascript - 跟踪 HTML div 内的滚动位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33681754/

相关文章:

javascript - Laravel 网站的站点地图,其中包含变量

javascript - 将文本字段动态添加到 html 表中

linux - 如何使用 jQuery .ajax() 读取目录?

jquery - 在现有表中插入行

html - 在 Bootstrap 模板中调整图像大小时遇到​​问题

javascript - jquery 鼠标移动在触摸设备上不起作用

javascript - JQuery:选择跟踪的元素更改,但不跟踪它们的值!

javascript - HTML 表格和数据表对齐

html - 如何自定义我的悬停导航栏选项卡

html - 如何将 Web 应用程序从 HTML 切换到 Markdown?