jQuery Sticky Div并滚动到仅在一个页面上工作的顶部插件

时间:2012-12-17 17:07:28

标签: javascript jquery css web-applications plugins

我正在构建一个使用无限滚动的网站。因为页面可以长得这么长,所以我添加了一个插件,可以让侧边栏和广告向下滚动,这样它总是在视图中。此外,在用户滚动100像素后,滚动到顶部按钮显示在右下角。

该网站是python编写的,有一个主模板,其中包含jquery,nav和sidebar,然后是多个其他模板,用于提供网站上的主要内容。

我的问题是这两个插件只能在1页而不是其他页面上工作,特别是那些真正需要粘性div并滚动到顶层功能的插件。

这是它无效的主页:http://goo.gl/GKnfW

您在此处上传图片后登陆的页面:http://goo.gl/UKKnO 是插件正常工作的地方。

我通过vaildator运行了我的网站,并纠正了可能导致此问题的所有错误。

非常感谢帮助。

2 个答案:

答案 0 :(得分:0)

很多时候这个问题来自某个地方的jQuery冲突。你有其他任何可能存在冲突的库吗?

尝试使用此jQuery(document).ready(function(){ .....包装您的jQuery代码,而不是使用$,或使用noConflict jQuery.noConflict();

答案 1 :(得分:0)

我认为这里更简单的解决方案就是让你的侧栏固定。我注意到你正在使用bootstrap - 在这个相应的stackoverflow帖子上查看jsfiddle。使用那里显示的CSS,它应该在更简单的非JS实现中为您提供所需的功能。

见这里: Fixed sidebar navigation in fluid twitter bootstrap 2.0 (StackOverflow)