2017-10-09 36 views
0

플러그인 1.4.13 버전을 사용 중이며 페이지가 플러그인을 성공적으로로드했는지 확인했습니다.jQuery scrollTo 플러그인이 작동하지 않습니다.

이전에는 웹 사이트에서 정상적으로 작동했지만 이전에는 아무런 문제가 없었습니다. 나는 그것을 실행하려면 다음 코드를 사용하고 있습니다 :

HTML :

<span class="button-project-info"> 
    <a class="button button-04" href="#project-info">Project Info</a> 
</span> 

CSS : 나는 또한 다음을 해봤 및 링크가있을 때 alert 문이 정상적으로 실행

$('.button-project-info a').bind('click', function(e) { 
    try { 
     e.preventDefault(); 
     target = this.hash; 
     $('html, body').scrollTo(target, 150); 
    } catch (error) { 
     alert('error - ' + error); 
    } 
}); 

클릭 수 :

$('.button-project-info a').bind('click', function(e) { 
    alert('0000'); 
}); 

답변

1

전체 페이지를 스크롤하려면 다음을 사용하십시오.

target = this.hash; 
    $(window).scrollTo(target, 150); 

는 내가이 작업을 수행 할 때 앵커에서 href을 사용하는 경향이, 그래서 대신 target = this.hash;의 난 링크에서 해시를 잡아. 여기

는 기본적으로 모든 해시 URL과 스크롤을 잡아 내 선호 구현을 ...입니다

$('.button-project-info a').click(function() { 
    var hash = '#' + this.href.split('#')[1]; 
    $(window).scrollTo(hash, 1000); 
    return false; 
});