jQuery 부드러운 스크롤 문제

나는이 사이트에서 멋진 부드러운 스크롤을 얻기 위해 jQuery를 약간 작성하는 방법에 대한 지침서를 따라 갔다. 여기에 당신을위한 혀가있어 참조 : https://www.youtube.com/watch?v=S6pzabpUmoc jQuery 부드러운 스크롤 문제

그러나 내 JQ 코드 어딘가에 문제가있는 것 같습니다. 애니메이션이 작동하지 않습니다 ... 볼 수있는 새로운 눈을 가지고있는 것이 좋을 것입니다. 나는 잘못 가고 그것을 고치는 방법.

이 순간 현재 콘솔 내가이 문제를 여기에 TypeError: Cannot read property 'top' of undefined

에게이 내게 말하고 내 현재 빌드 여기 http://kapena.github.io/pp_web/#services-pp

은 내가 JQ 코드

$(function() { 
    // catch all clicks on page 
    $('a').click(function() { 

    // check if has hash 
    if(this.hash) { 

    // get rid of the # sign 
    var hash = this.hash.substr(1); 

    //get the position of the <a name> 
    var $toElement = $("a[name="+hash+"]"); 
    var toPosition = $toElement.position().top; 

    // scroll/animate that element 
    $ ('body,html').animate({ 
     scrollTop : toPosition 
    },2000,"easeOutExpo"); 

    // don't do the jump 
    return false; 

    } 

    }); 

    if(location.hash) { 
     var hash = location.hash 
     window.scroll(0,0); 
     $('a[href='+hash+"]").click(); 
    }   

});

출처

2014-12-24 roygbiv

콘솔에 var 해시를 기록하고 여기에 –

을 추가하면 HTML도 추가 할 수 있습니까? –

에게 있습니다

아래의 '해시'는 분명히 에로르가있는 장소입니다. 잡히지 않은 유형 오류 : 할 수 없습니다. 정의되지 않은 요소 특성 액세스로 인해 undefined의 읽기 특성 'left'가 발생합니다.

$toElement = = $("a[name="+hash+"]"); // this hash is undifined or wrong value 

// this lead following line to throw the error 
var toPosition = $toElement.position().top;

출처

2014-12-24 06:18:46

해쉬가 울리면 내 오류가 발생한다는 것을 알 수 있습니다. // 오류를 던지기 위해이 줄을 따라 가야합니다. var toPosition = $ toElement.position(). top;'여기에 게시 한 코드는 발행물?? 난 정말 jQ에 안돼서입니다. – roygbiv

해시 값이 올바르게 설정되지 않았습니다. console.log (hash)를 확인하십시오. 그리고 해쉬 값은 잘못된 값이어야합니다. –

$("a[name="+hash+"]") 반환 값 없음. 어쩌면 애니메이션이 시작되기 전에 무언가를 반환하는지 확인해야합니다. 다음과 같이하십시오 :

if($toElement.length){ 

    // do something 

}

출처

2014-12-24 06:21:06

jQuery 부드러운 스크롤 문제

답변

관련 문제