jquery scrollTo + wordpress issue (가로 슬라이딩 레이아웃)

Question

기본적으로 한 페이지 가로로 슬라이드를 만들려고했습니다. 나는 몇 시간 동안 고생하고 아직도 내가 뭘 잘못하고 있는지 모르겠다.

<?php wp_head(); ?> (오른쪽 순서로) 앞에 JQuery 및 scrollTo가 포함되어 있으며 가능한 오타가 두 번 있는지 확인했습니다.

는 기어의 내 HTML 마크 업 : 여기

<div class="nav"> 
<a class="menu" href="#main">main</a> 
<a class="menu" href="#bio">bio</a> 
<a class="menu" href="#film">film</a><br> 
</div> 

<div id="wrap"> 
<div id="mask"> 
    <div class="panel" id="main"> </div> 
    <div class="panel" id="bio"> </div> 
    <div class="panel" id="film"> </div> 
</div> 
</div> 

및 스크립트입니다 :

<script type='text/javascript'> 
$(document).ready(function() { 
$('a.menu').click(function() { 

    $('a.menu').removeClass('active'); 
    $(this).addClass('active'); 

    current = $(this); 

    $('#wrap').scrollTo($(this).attr('href'), 800);  

    return false; 
}); 

}); 

</script> 

내가 사이트에 사방이 스크립트를 배치하려고하지만 난 여전히 동작하지 않습니다.

Answer 1

당신은 기본적인 생각을 가지고 있지만 스크롤 가능한 패널과 그 컨테이너를 어떻게 설정했는지 문제가 있다고 생각합니다.

예로 위의 코드를 사용하여, 나는 기본적인 ScrollTo 슬라이딩 레이아웃 구현 : - http://jsfiddle.net/ZqSSm/1/ -

• 세로 스크롤#mask의 높이가 2400px 것이 얼마나주의를 (800 픽셀 * 3) 처음에는 500px 만 보입니다.

• 가로 스크롤-http://jsfiddle.net/ZqSSm/2/ - 참고 #horizontalwrap의 폭이 2400px이지만, 첫 번째 500px를 볼 수 있습니다 방법에 대해 설명합니다.

도움이 더 필요하시면 전화를 끊으면 최선을 다할 것입니다! ScrollTo는 처음 사용했을 때 나를 두통 거리가되었습니다!

웹 사이트에서 JS 파일을로드하는 데 문제가 있음을 유의하십시오. 원인을 알 수는 없지만 크롬 개발자 콘솔이나 개똥 벌레를 열면 무슨 일이 일어나는지 알 수 있습니다.