2012-08-23 3 views
0

저는 이제 약 6 개의 "부드러운 스크롤링"스크립트를 내 사이트에서 시도했지만 그 중 아무 것도 수행하지 않았습니다.부드러운 부드러운 스크롤 스크립트가 작동하지 않습니다

내가 가진 것은 이름이 지정된 앵커를 사용하여 페이지의 여러 섹션에 연결되는 맨 위에 세 개의 링크가있는 단일 페이지 포트폴리오 (아직 완료되지 않음)입니다. 상단 링크 중 하나를 클릭하면 섹션으로 부드럽게 스크롤되기를 바라며 지나가고있는 모든 것을 스크롤 할 수 있습니다.

나는 Google에서 발견되는 스크립트와 wordpress 플러그인 인 몇 가지 스크립트를 시도했지만 그 중 아무 것도 수행하지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 지금 내 사이트를 살펴보면 두 스크립트가 포함되어 있고 둘 다 작동하지 않습니다. 하나는 워드 프레스 플러그인이고 다른 하나는 Google의 작은 코드입니다.

www.johnwhancock.com

내가 시도 스크립트 중 일부는 (첫 번째 사람이 있었는지 기억하지 않는다)을 (단지 포트폴리오 링크가 설정이이 순간이다)이다

기타 몇 개는 더 이상 링크가 없습니다. 그들 중 누구도 일하지 않았습니다. 고맙습니다.

+0

여기에 작동하지 않는 코드를 넣으십시오. 궁극적으로 웹 사이트를 고칠 때 웹 사이트를 가리키는 것은 지속 가능하지 않습니다. 여기에서 묻는 질문은 귀하뿐만 아니라 미래의 방문자에게도 유용해야합니다. – Bart

+0

감사합니다. 내가 시도한 것들 중 일부를 반영하기 위해 원래 게시물을 편집했습니다. 내가 아는 한, 나는 그것들을 모두 정확하게 사용했다. 나는 보통 이러한 스크립트를 사이트에 추가하는 데 문제가 없습니다. – BlueCaret

답변

2

당신이 지금까지 시도한 것에 대해 명확하지 않습니다. 인터넷 검색을 통해 코드를 찾은 경우 붙여 넣기를 수행하여 수행하려는 내용을 볼 수 있습니다.
슬라이드 쇼에 "부드러운 스크롤링"효과를 사용한다고 가정합니다.
1.이 목적을 위해 이미 구축 된 WordPress 테마의 코드를 살펴보십시오.
2. JQuery 코드 스 니펫을 검색해보십시오.
편집 :
두 번째 링크는 합법적 인 코드 조각을 보여줍니다. JQuery가로드되는 데 문제가있을 수 있습니다. 페이지에로드 된 JQuery 스크립트가 있는지 확인하십시오.

$(document.body).ready(function(){ 
alert("READY!"); 
}); 

페이지가로드 된 후 경고가 표시되어야합니다. 경고가 표시되지 않으면 JQuery가 제대로로드되지 않습니다. 코드가 잘 보였으므로 그게 문제라고 생각합니다.

+0

알았습니다! 당신 말이 맞았 어. jquery가 제대로로드되지 않았어. jquery의 최신 안정 버전이 사용되고 있는지 확인하는 플러그인을 발견했습니다. 나는 지금 "이슈 페이지 스크롤"을 문제없이 사용하고 있습니다. – BlueCaret

+0

와우, 작동하는 플러그인이 아닌 것 같군요. http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/에서 찾은 코드가 결국 작동했습니다. 다시 한번 감사드립니다. – BlueCaret