클릭하여 요소로 스크롤

Question

안녕하세요. 문제가 있습니다. 난 클릭에 앵커에서 요소로 이동이 필요하지만 오류 얻을 :

SyntaxError: missing } after property list

scrollTop이 : $($(this).attr('href'))element.offset().top

/* jQuery scroll to element on click */ 

$(document).ready(function(){ 

    $('nav#site-navigation ul li').click(function(){ 
    $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
    }, 1000); 
    return false; 
    }); 

}); 

앵커 WP 탐색 메뉴에

Answer 1

<li> 요소가 href 속성이 없습니다 !
애니메이션 큐를 취소하는 대신

$(document).ready(function(){ 
 

 
    $('nav#site-navigation ul li a').click(function(evt) { 
 
     evt.preventDefault(); 
 
     $('html, body').stop().animate({ 
 
     scrollTop: $($(this).attr('href')).offset().top 
 
     }, 1000); 
 
    }); 
 

 
});

nav{position:fixed;top:20px;} 
 
.page{height:100vh;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<nav id="site-navigation"> 
 
    <ul> 
 
    <li><a href="#home">HOME</a></li> 
 
    <li><a href="#about">ABOUT</a></li> 
 
    <li><a href="#contact">CONTACT</a></li> 
 
    </ul> 
 
</nav> 
 
<div id="home" class="page">HOME</div> 
 
<div id="about" class="page">ABOUT</div> 
 
<div id="contact" class="page">CONTACT</div>

또한

이 .stop()를 사용하는 것을 잊지 마세요 그것이 아이에게 <a> 요소의 사용