我正在构建一个使用无限滚动的网站。因为页面可以长得这么长,所以我添加了一个插件,可以让侧边栏和广告向下滚动,这样它总是在视图中。此外,在用户滚动100像素后,滚动到顶部按钮显示在右下角。
该网站是python编写的,有一个主模板,其中包含jquery,nav和sidebar,然后是多个其他模板,用于提供网站上的主要内容。
我的问题是这两个插件只能在1页而不是其他页面上工作,特别是那些真正需要粘性div并滚动到顶层功能的插件。
这是它无效的主页:http://goo.gl/GKnfW
您在此处上传图片后登陆的页面:http://goo.gl/UKKnO 是插件正常工作的地方。
我通过vaildator运行了我的网站,并纠正了可能导致此问题的所有错误。
非常感谢帮助。
答案 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)