我如何使用jQuery

Question

Please check image

當點擊只有一個特定鏈接當這支箭用戶點擊後將進入下一段的下次點擊它會去下一節實現序列部分滾動。在短序列部分滾動，每次用戶點擊向下箭頭

這裏是我的HTML

<section id="intro"> 

</section> 

<section id="about-us"> 

</section> 

<section id="services"> 

</section> 

<section id="team"> 

</section> 

<section id="contact"> 

</section> 

提前

Answer 1

有人創建非常相似，你需要什麼樣的東西非常感謝，檢查出來：

jQuery.fn.extend({ 
    scrollTo : function(speed, easing) { 
    return this.each(function() { 
     var targetOffset = $(this).offset().top; 
     $('html,body').animate({scrollTop: targetOffset}, speed, easing); 
    }); 
    } 
}); 

// Scroll to "about" section 
$('#about').scrollTo('fast', 'linear'); 

JQUERY：

$('.next-section').click(function(){ 
    var $this = $(this), 
     $next = $this.parent().next(); 

    $next.scrollTo($next.offset().top, 500, 'linear'); 
}); 

$('.prev-section').click(function(){ 
    var $this = $(this), 
     $prev = $this.parent().prev(); 

    $prev.scrollTo($prev.offset().top, 500, 'linear'); 
}); 

HTML

<section id="about"> 
    <a href="#" class="prev-section">Previous Section</a> 
    <a href="#" class="next-section">Next Section</a> 
    <div class="section-content"> 
     Foobar 
    </div> 
</section> 

原貼：

Stackoverflow Original Post

jsfiddle