当用户在浏览器中看到我的页面的特定图像时,想法是启动一个事件。为此,我使用了以下代码:
<script>
jQuery(function($) {
var $controlables = $('.other-service');
var doScroll = function() {
var offset = $(window).scrollTop() + $(window).height();
if ($controlables.size() == 0) {
$(window).off('scroll', doScroll);
}
$controlables.each(function(i) {
var $controlable = $(this);
if (($controlable.offset().top + $controlable.height() - 20) < offset) {
ga('send', 'event', 'providers', 'services', 'scroll');
return false;
}
});
};
$(window).on('scroll', doScroll);
$(window).trigger('scroll');
});
</script>
问题是该事件一次启动10或20次。我怎样才能解决这个问题?