javascript - 使用 JQuery 粘性元素

Question

我正在尝试反向执行经典的 Sticky Element。

参见 http://imakewebthings.com/jquery-waypoints/sticky-elements/一个典型的粘性体验的例子。

我想做的是让一个元素最初停靠在用户窗口的底部，然后当他向下滚动那么远时停止并停靠在页脚上。有没有更好的方法来初始化这个插件，或者使用另一个来完成这个？

Answer 1

在 documentation 之后，可以实现如下:

$('#footer').waypoint(function(event, direction) {
    $('#footer-content').toggleClass('sticky', direction === 'up');
}, {
   offset: function() {
      return $.waypoints('viewportHeight') - $(this).outerHeight();
   }
});
​

我最初将 .sticky 分配给 #footer-content(在 html 中)。

参见 fiddle .