检测用户是否查看了div

Question

我正在创建一个分析工具，该脚本可以跟踪所有用户活动，我想检测用户何时滚动并到达div。

somebigcontents

<div data-scrollpixel="testimonal">
//some html
</div>

some other contents

<div data-scrollpixel="footer">
//some html
</div>

因此，每当用户滚动到$('[data-scrollpixel]')时，我都想使用$(this).data("scrollpixel");

来获取其数据值。

我尝试使用以下代码，但无法正常工作。

$(window).scroll(function() {
   var hT = $('[data-scrollpixel]').offset().top,
       hH = $('[data-scrollpixel]').outerHeight(),
       wH = $(window).height(),
       wS = $(this).scrollTop();
   if (wS > (hT+hH-wH)){
$(this).data("scrollpixel");
   }
});