滚动到移动设备上的元素时触发事件

Question

我有这段代码可以检测用户滚动到元素底部的时间：

var scrolltriggered = false;

$(document).on('scroll', function() {
   if(scrolltriggered === false && 
      $(window).scrollTop() >= $('.elementclass').offset().top +
      $('.elementclass').outerHeight() - window.innerHeight ){
      scrolltriggered = true;
      /* Actions */
   }
});

我添加了一个小提琴来演示它的实际效果：https://jsfiddle.net/e54cmrvg/

这适用于鼠标滚动，但不适用于移动设备上的触摸滚动。

有关如何启用移动设备功能的任何建议吗？

Answer 1

最简单的黑客攻击是使用touchend这样：

$(document).on('scroll touchend', function(){});

意思是当用户完成触摸屏幕时，您将执行检查offsetTop的相同操作。