Jquery 固定了不使用'的边栏；不要与页脚重叠

我试图创建一个边栏，当我上/下滚动页面时，边栏保持固定在它的位置。同时，我希望它在到达页脚时停止滚动，这样边栏就不会与页脚重叠

我用了这个插件 然而，我在它的实现中犯了一些错误。谁能帮我一下吗

编辑

HTML

---

页脚是从一个名为footer.phtml的文件中获取的，我在footer.phtml中添加了这个文件

<script type="text/javascript" src="js/stickyMojo.js"></script>
<script>
    $(document).ready(function(){
        $('#sidebar').stickyMojo({ footerID: '#footer', contentID: '#content' });
    });
</script>

$（文档）.ready（函数（）{
$（'#边栏'）.stickyMojo（{footerID:'#footer'，contentID:'#content'}）；
});

---

脚本stickyMojo.js显示在参考资料中，但侧栏没有固定在它的位置。

查看您的代码，我相信是您的

#页脚

没有放在

#包装器

中这一事实造成了问题

你可以比较

编辑

页脚在包装器外

至于在用户滚动时加载额外内容，该插件似乎可以自动处理

#边栏的“粘性”。只需确保加载的内容会影响
#main
div的
高度

这演示了如何操作。
我的HTML结构如下-CSS-.wrapper{width:1000px；}侧边栏{float:left；width:164px；}页脚是从一个名为footer.phtml的文件中获取的。我在footer.phtml$（document.ready）中添加了它（function（）{$（'#侧边栏'）。stickyMojo（{footer id:'#footer'，contentID:''content'.'content'}）;   });   脚本stickyMojo.js显示在参考资料中。但是侧边栏没有固定在它的位置上。我不允许将#页脚放在#包装内。此外，当我们向下滚动时，#content div继续加载一些数据。有没有其他方法可以解决这个问题？我已经更新了我的答案，以展示更多的例子。希望有帮助{D
.wrapper { width: 1000px }
#sidebar { float: left; width: 164px }

<script type="text/javascript" src="js/stickyMojo.js"></script>
<script>
    $(document).ready(function(){
        $('#sidebar').stickyMojo({ footerID: '#footer', contentID: '#content' });
    });
</script>