javascript - 延迟 jquery 函数直到到达某个 div(scrollTop？)

Question

我有一个幻灯片放映，我想延迟它的开始，直到您到达 div 的顶部。目前我们使用绝对像素值来完成此操作，但这在移动设备上不起作用。有没有办法说“到达 div 3 时，开始这个动画”？

我们目前拥有的:

$(window).on("scroll", function(){
  if($("body").scrollTop() === 500){
    $(window).off("scroll");
    // Code here
  }
}

我模拟了一个 jsfiddle 幻灯片放映。

感谢您的帮助!

Answer 1

你可以比较body scroll已经到达了以offset().top开头的div

$(window).on("scroll", function(){
  if($("body").scrollTop() === $("#yourDivID").offset().top){
    $(window).off("scroll");
    // Code here
  }
}

这会起作用

For Ref : Offset()