Stellar JS /触发功能在一定高度

Question

我正在使用恒星JS（http://markdalgleish.com/projects/stellar.js/）为Ipad组建一个视差滚动网站，我想在某个高度触发一个功能（以设置动画效果）从屏幕右侧滑动） - 有没有人经常监视屏幕高度位置并触发一个功能 - 使用stellar.js或一般情况下。

干杯 保罗

Answer 1

滚动到某个高度后触发一个函数是非常可行的jQuery - 这里有一些简单的代码：

function scrollHeightTrigger (height, fn) {
  var old_height = $(document).scrollTop();
  $(document).scroll(function () {
    var new_height = $(document).scrollTop();
    if (((height < new_height) && (height >= old_height)) ||
        ((height < old_height) && (height >= new_height))) {
      fn();
    }
    old_height = new_height;
  });
}

scrollHeightTrigger采用高度和函数 - 高度指定应触发函数顶部的滚动距离。这是通过记住文档顶部的先前高度来完成的，然后每次用户滚动时检查它们是否已经通过了目标。如果有，则触发该功能。

按原样，这将在每次滚动位置传递时重复该功能 - 如果您只想执行一次，则修改起来应该不会太难。