부드럽고 부트 스트랩에서 시차 스크롤

Question

http://mode87.com/untame/demo/parallax/에서 도움을 받아 부트 스트랩으로 시차를 구현하는 방법을 알아 냈다고 생각합니다.하지만 SMINT에서 완료된 것처럼 부트 스트랩에서 원활한 스크롤을 수행하는 방법을 알 수는 없습니다. http://www.outyear.co.uk/smint/demo/ 어떻게 부트 스트랩에서이 작업을 수행 할 수 있습니까? 지금까지 나는 이것을 가지고있다 : http://ronhome.no-ip.org/bootstrap/

고마워!

Answer 1

See the Demo here

HTML

<ul> 
    <li><a href="#one">Menu</a></li> 
    <li><a href="#two">Menu</a></li> 
    <li><a href="#three">Menu</a></li> 
</ul> 
<div id="one"> 
    Section one 
</div> 
<div id="two"> 
    Section two 
</div> 
<div id="three"> 
    section three 
</div> 

CSS

#one { 
    height: 400px; 
} 
#two { 
    height: 400px; 
} 
#three { 
    height: 400px; 
} 

JS는

$('a').click(function(){ 
    $('html, body').animate({ 
     scrollTop: $($.attr(this, 'href')).offset().top 
    }, 500); 
    return false; 
});