2012-09-18 5 views
0

여기를 클릭하면 http://www.ideagasms.net/index2#aciw ... "ACIW 시리즈"페이지의 섹션으로 부드럽게 스크롤됩니다.html 앵커가 위로 이동합니다.

여기에는 아코디언이 표시되며 여기에 문제가 있습니다. 아코디언의 탭 중 하나를 클릭하고 아코디언 자체로 스크롤/점프하는 방법을 확인하십시오.

Windows에서 점프하지 못하도록하는 쉬운 방법이 있습니까?

답변

0

는 스크립트이 방법 변경 :

$(".nav_bar li").click(function() { // Move content horizontally 
    var Tab = $(this).attr("class"); 
    $(".boxness").stop().animate({left : "1500px"}, 800, function() { 
     $(".boxness").css("left", "-1500px").hide(); 
     $("#" + Tab).show().animate({left : "0px", opacity : 1.0}, 600).stop(); 
    }); 
    return false; // Give this here 
}); 
+0

이 순수 CSS3 아코디언입니다; 위의 .nav_bar는 다른 것에 속합니다. – Stephen

+0

와우. 어떻게 활성화 시키시겠습니까? 즉, '클릭'기능이 있어야합니까? –

+0

이 멋진 아코디언이 여기 있습니다. http://blogs.sitepointstatic.com/examples/tech/css3-target/accordionhorz.html#acc1 – Stephen

0

클릭 핸들러에서 마지막으로 return false을 수행하거나 함수에 전달한 이벤트에 대해 jQuery의 preventDefault을 사용해야합니다. jQuery의 preventDefault에 대한 문서는 here입니다. 아코디언의 click() 이벤트에

관련 문제