풀페이지 에러 도와주세요
본문
풀페이지 스크립트와
<script type="text/javascript" src="/js/scrolloverflow.js"></script>
<script type="text/javascript" src="/js/jquery.fullPage.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#fullpage').fullpage({
sectionsColor: ['yellow', 'green', 'purple', '#f1f1f1','orange','red']
});
});
</script>
----------------------------------------------------------------------------------------------
앵커태그 부드러운 슬라이드 스크립트
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function fnMove(seq){
var offset = $("#section" + seq).offset();
$('html, body').animate({scrollTop : offset.top}, 400);
}
</script>
같은 페이지에서 위의 두가지 스크립트를 한번에 쓰면 사진과 같은 오류가 발생하는데
이유를 아시는 분 계실까요?
풀페이지 제작중인데 정말 힘드네요ㅠㅠㅠ
답변 3
<script type="text/javascript">
$(document).ready(function() {
$('#fullpage').fullpage({
sectionsColor: ['yellow', 'green', 'purple', '#f1f1f1','orange','red']
});
});
</script>
부분을
아래의 형식으로 맨 끝 </body> 앞에 넣어 보세요
<script type="text/javascript">
$('#fullpage').fullpage({
sectionsColor: ['yellow', 'green', 'purple', '#f1f1f1','orange','red']
});
</script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function fnMove(seq){
var offset = $("#section" + seq).offset();
$('html, body').animate({scrollTop : offset.top}, 400);
}
</script>는 그대로 인덱스에 넣었고
<script type="text/javascript" src="/js/jquery.fullPage.js"></script>
<script type="text/javascript" src="/js/scrolloverflow.js"></script>
<script type="text/javascript">
$('#fullpage').fullpage({
sectionsColor: ['yellow', 'green', 'purple', '#f1f1f1','orange','red']
});
</script>는 </body> 앞에 넣었는데 풀페이지는 정상으로 움직이는데 앵커포인트가 멋대로 움직입니다.ㅠㅠ
스크립트 순서를 <body> 안에서 처리해보세요
index.php에 있는데 다른 부분에 넣어야할까요..?
스크립트 묶음들 중에 jquery 선언 태그를 가장 위로 올려야 할것 같습니다.
<script ... src="http://code.jquery.com ...
<script ...
<script ...
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="/js/jquery.fullPage.js"></script>
<script type="text/javascript" src="/js/scrolloverflow.js"></script>
<script>
function fnMove(seq){
var offset = $("#section" + seq).offset();
$('html, body').animate({scrollTop : offset.top}, 400);
}
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#fullpage').fullpage({
sectionsColor: ['yellow', 'green', 'purple', '#f1f1f1','orange','red']
});
});
</script>
이렇게 순서를 바꿨는데 풀페이지 스크롤은 잘 되는데 앵커가 자기 멋대로 움직입니다..ㅠ