如何获取div数据滚动的事件?

时间:2014-04-11 12:22:03

标签: javascript jquery

我们可以获得滚动的div的滚动位置吗?换句话说,我在父div中有两个div。我想在控制台上打印div我在滚动数据。如果我在div 1中滚动它打印div1如果我滚动div 2打印2。 我有2个div preRealTimeContents和RealTimeContents。我们可以得到这个事件。?

http://jsfiddle.net/R5Lrw/

$(document).ready(function(){

  $('#fullContainer').on('scroll', function () {
                         alert('===')

                           });   

})

2 个答案:

答案 0 :(得分:0)

如果我理解正确,我认为您可能会发现此库很有用:

http://imakewebthings.com/jquery-waypoints/

这允许您确定何时滚动到特定元素。所以在你的情况下,你可以做类似的事情:

$('#preRealTimeContents ').waypoint(function(direction) {
  alert('In preRealTimeContents');
});

$('#RealTimeContents ').waypoint(function(direction) {
  alert('In RealTimeContents');
});

答案 1 :(得分:0)

此代码段记录#fullContainer中最顶层元素的ID:

$('#fullContainer').on('scroll', function (e) {
     console.log(document.elementFromPoint(this.offsetLeft + 1, this.offsetTop + 1).id);
});

常量1的正确值取决于您的填充/边距/边框样式。我已经在HTML中添加了几个br,只是为了表明在这种情况下会发生什么。

A live demo at jsFiddle