Stalker是一个小巧快速的jQuery粘性插件，当用户向下滚动时，它会使元素粘在视口的顶部。例如，当用户滚动页面时，导航栏、视频或图像可能会被固定在其起始位置。

如何使用它:

1.添加对jQuery库和Stalker插件的引用。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.stalker.js"></script>

2.调用应该停留在滚动上的元素上的函数。在本例中，导航条将在您向下滚动时跟随您，并在您向上滚动时返回到其原始位置。

<div class="navbar">
  Navbar
</div>

$('.navbar').stalker({
  // options here
});

3.设置固定元素时距页面顶部的距离。默认值：0。

$('.navbar').stalker({
  offset: 20 // 20px
});

4.设置滚动时将元素粘贴到顶部之前的等待时间。默认值：0。

$('.navbar').stalker({
  delay: 1000 // 1s
});

5.将其他CSS样式应用于元素。默认值：｛｝。

$('.navbar').stalker({
  stalkerStyle: {}, // CSS properties
});

6.回调函数。

$('.navbar').stalker({

  // fired when the element begins following the user
  startCallback: null,

  // fired as soon as the element stops following the user
  // and returns to its original position
  stopCallback: null,
  
});

预览截图

将元素固定在它们 起始位置作为向下滚动 jQuery跟踪程序