跟踪HTML div中的滚动位置

Question

我正在使用google visualization table创建html表，并启用The header row remains fixed as the user scrolls.

我的工作方式如下：http://jsfiddle.net/RjHMH/114/

我面临的问题是，当我点击row展开表格时，它实际上会重绘表格，以便scroll bar始终位于表格的顶部。无论如何，当我点击时我可以跟踪滚动条的当前位置，并在重绘表时设置值？

如果它是scroll bar的{​​{1}}，我可以使用：

DOM

然后如何跟踪var pos = $('body').scrollTop(); table.draw(view, options); window.scrollTo(0, pos); 内的滚动条？

Answer 1

var currentY = 0;

$(window).scroll(function () {
    currentY = $('selector').offset().top;
    console.log(currentY);
});

获取点击位置：

$(document).click(function () {
    currentY = $('selector').offset().top;
    console.log(currentY);

});

Answer 2

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

关键是在js中获取div，或者使用jquery，然后你可以访问该div的scrollTop。