2011-03-09 2 views
0

에서 플러그인 :이 스크롤 JQuery와 도구는 내가 페이지에서 이러한 JQuery와 도구 플러그인을 모두 사용하려면 페이지

http://flowplayer.org/tools/demos/scrollable/site-navigation.html

http://flowplayer.org/tools/demos/scrollable/easing.html

그러나 서로 그들은 충돌 .i 첫 번째 스크롤을 통해 두 번째 스크롤도 의미합니다.

어떻게 해결할 수 있습니까?

+3

우리가 사용하는 코드를 볼 수 있습니까? – Loktar

답변

1

사용하는 방법 두

http://flowplayer.org/tools/scrollable/#features

당신이 사업부의 모든 코드를 넣어해야 할 유일한 것은 다음과 이전의 일부가에 포함 있으며, Flowplayer 같은 사이트에 버튼을 클릭하면 원하는 스크롤 기능을 모두 사용할 수 있으며 CSS를 사용하면 모양이 바뀔 수 있습니다. : D

+0

고마워, 내 경우에 솔루션을 완전히 좋아하지 않았다. 사이트 탐색 상자에 다음과 이전 버튼을 추가해야하므로 자체 버튼이 있고 다른 스크롤 인스턴트 버튼을 사용하지 않습니다. –

0

두 클래스 모두 동일한 클래스를 사용하지 말고 두 예제 모두 .scrollable을 사용합니다. 코드를 게시하면 답변에 도움이됩니다.

코드에 따라 작동하는 예제.

$(".horScroll").scrollable({ circular: true }).navigator(".navi"); 

$(".easeScroll").scrollable({easing: 'custom', speed: 700, circular: true}); 

두 가지 모두 다른 것으로 불립니다.

0

이것은 플러그인의 설계 방법에 따라 달라집니다. 고유 한 ID가있는 요소를 찾고 (또는 ID가 1 개만 생성 된) 요소를 찾는 경우 여러 인스턴스를 처리하지 않습니다.

그러나 2 개 장소에서 사용하고 있지만 동일한 ID를 두 번 이상 사용하면 (무효) 변경해야합니다. 예 : 그냥 2 개의 서로 다른 ID를 사용하십시오.

몇 가지 샘플 코드를 추가 할 수 있으면 디버깅을 도울 수 있습니다.

4

또 다른 가능한 해결책은 다른 "다음", "이전"버튼 클래스의 이름을 지정하는 것입니다. 예를 들어

:하지 않았다 퍼 팅 때

jQuery(".scrollable").scrollable({ next: '.scrollableTwoNext', prev: '.scrollableTwoPrev', easing: 'custom',speed: 700 }); 

저를 도왔다.

희망이 사람에게 도움이