粘滞的菜单，停止参数不会工作

Question

我似乎无法摆脱一个小细节。

我有一个移动的粘性菜单（例如：http://digitalgrid.cl/k/biontransit/que-es-bion-transit/），它主要起作用，但我不能让它停在我想要的地方。

页脚中的绿线是菜单应停止移动的位置，但无论我做什么，它都会继续向下移动。我使用id = stop来标记塞子应该在哪里，但无论我把它放在哪里，它都不会停留在绿线（或任何地方）。

我要移动的部分包含在css类“sticky”中，使用jQuery使其移动和停止：

<script type="text/javascript">
    $(function(){
        $(".sticky").sticky({
            topSpacing: 8,
            zIndex:2,
            stopper: "#stop"
        });
    });
</script>

有什么想法吗？

编辑：好吧，我最后在移动部件周围添加另一个div，并给它一个100px底部填充，它现在停止，但我仍然想知道为什么它的100px关闭：\