2012-12-17 2 views
0

무한 스크롤을 사용하는 사이트를 구축 중입니다. 페이지가 너무 길어질 수 있기 때문에 사이드 바를 계속 유지하는 플러그인을 추가하고 광고를 스크롤하여 볼 수 있습니다. 또한 사용자가 100 픽셀을 스크롤하면 오른쪽 아래 모서리에 스크롤 위쪽 단추가 표시됩니다.jQuery Sticky Div 및 한 페이지에서만 작동하는 최상위 플러그인으로 스크롤

사이트는 파이썬으로 작성되었으며 jquery, nav 및 sidebar가 포함 된 기본 템플릿이 있으며 사이트의 기본 콘텐츠를 제공하는 여러 개의 다른 템플릿이 있습니다.

내 문제는이 두 플러그인은 실제로는 끈적한 div가 필요하고 맨위로 스크롤하는 기능이 필요한 페이지가 아니라 한 페이지에서만 작동한다는 것입니다. http://goo.gl/GKnfW

당신 후에 착륙 페이지가 여기에 이미지를 업로드 :

작동하지 않는 메인 페이지입니다 플러그인이 제대로 작동 곳 http://goo.gl/UKKnO 입니다.

나는 범인을 통해 내 사이트를 실행하고이 문제를 일으킬 수있는 모든 오류를 수정했습니다.

도움을 주시면 대단히 감사하겠습니다.

+0

Link2부터가 BTW ... 중 하나가 작동하지 않습니다 코드 의지의 비트가/우리보다 단어의 수천보다 당신을 도움) – yckart

+0

모두 링크가 죽은 .. – Lucky

답변

0

이 문제는 여러 번 jQuery 충돌에서 발생합니다. 서로 충돌 할 수있는 다른 라이브러리가 있습니까?

$를 사용하거나 noConflict jQuery.noConflict();을 사용하는 대신 jQuery(document).ready(function(){ .....처럼 jQuery 코드를 래핑 해보십시오.

0

더 쉬운 해결책은 사이드 바를 고정시키는 것입니다. 부트 스트랩을 사용하고있는 것으로 나타났습니다 -이 stackoverflow 게시물에서 jsfiddle을 확인하십시오. 거기에 표시된 CSS를 사용하면 훨씬 더 쉽고 비 JS 구현에서 원하는 기능을 얻을 수 있습니다.

는 여기를 참조하십시오 : Fixed sidebar navigation in fluid twitter bootstrap 2.0 (StackOverflow)

관련 문제