2013-12-17 1 views
1
<html> 
<head> 
<link rel="stylesheet" href="style.css" type="text/css"> 
<link href="font-awesome.css" rel="stylesheet"> 

</head> 
<body leftmargin="0px" topmargin="0px" > 
<div class="header"> 
    <div class="head"><div class="logo"><img src="logo.png"></div> 
     <div class="menu"><a href="#main" >menu</a></div> 
</div> 
    <div id="main"> 
    <section id="nav"> 
     <ul><li><a href="#">Home</a></li> 
     <li><a href="#new">Events</a></li> 
     <li><a href="#tech">Technical</a></li> 
     <li><a href="#">Schedule</a></li> 
     <li><a href="#">Contact</a></li> 
     </ul> 
    </section> 
    <div id="new"><h1 align="center">Content changed</h1></div> 
    <div id="tech"><h1 align="center">Technical event</h1></div> 
</div><br> 
</body> 
</html> 

을 클릭 = "주"때 클릭하고나는 ID로 이동 중지 할

입니다 모든 앵커 #new 링크가 스크롤을 중지하고 페이지를 유지해야 이동을 위해 중지하려면

답변

0

링크에 이벤트 리스너가 연결되어있는 것 같습니다. 여기에 내가 코드를 사용하여 함께했다 예는 다음과 같습니다 http://jsfiddle.net/Rdsxk/

$(selector).on('click', function(){ 
//add code you want to execute here 
return false 
}); 

Selector 당신이 이동하지 않을 링크의 클래스가 될 것입니다.

관련 문제