插件介绍
Waypoint（路标）是一个很容易执行滚动到元素触发事件的jQuery插件。常常用于滚动到元素时触发动画、添加事件、固定在某个位置和无限滚动加载等。该插件主要是跟我之前写过的滚动固定在某个位置插件类似，只不过将固定起来的事件改为自定义。
该插件适用于HTML5和CSS3页面制作中，滚动到某个元素给元素添加动作，取消动作等
默认参数
$.fn.waypoint.defaults = {
context: window,
continuous: true,
enabled: true,
horizontal: false,
offset: 0,
triggerOnce: false
}最常用的设置就是offset值，可以设置元素距离顶部高度为多少时触发事件，可以为数值（100）、百分比（25%）、元素的中间和元素底部（'bottom-in-view'）。
插件使用
首先是下载插件，并且在jQuery后面包含它。
<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/waypoints.min.js"></script>最简单的使用方式：
$('#example-basic').waypoint(function() {
notify('Basic example callback triggered.');
});案例演示
当元素距离顶部25%的位置时给元素添加动画效果，在现代浏览器中会出现元素逐渐的从左边进来。查看我之前写过的动画库推荐
$('#example-offset-percent').waypoint(function() {$("#example-offset-percent').addClass("animated fadeInLeft");}, { offset: '25%' });
官网案例：
