ボタンでスクロールしてセクションをジャンプする

Question

私は角度のjsでボタンを作成しようとしています。このボタンを押すと、動的に次のセクションにジャンプできますが、HTMLアンカーのように動的にジャンプするリンクがあります。

ソリューションは、単に私が思うだろうが、私はすべてのアイデアにスクロールする

Answer 1

使用ボタンのスタイルのCSS position: fixedと$anchorScrollを持っていません。

Answer 2

あなたはまた、角度、スクロールを使用することができます

<!-- Add ref to script after angular, just before closing body tag--> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-scroll/1.0.0/angular-scroll.min.js"></script> 

ボタン

へのデュ - スムーズなスクロール指示、その後、ターゲットにIDを追加

DEMO

HTMLを

<p><a href="#followUser" du-smooth-scroll>Scroll to {{user.name.first}}</a></p> 
<p> 
    ... 
</p> 
<p><a id="followUser">Follow {{user.name.first}}</a></p> 

私が欲しいものを正確ではないのですが、それは仕事を思えJS

// expose angular scroll to app 
var module = angular.module('app',['duScroll']); 

Answer 3

：

$('.row-title').each(function(i,item){ 
     $(item).attr('id', 'scroll-id-'+i); 
    }); 
var id=-1; 
var scrollTop; 
var tmp; 
$(window).scroll(function(){ 
    tmp=id; 
    scrollTop=$(this).scrollTop(); 

    $('.row-title').each(function(i,item){ 
     if(item.offsetTop >=scrollTop && id!=i){ 

      console.log(item.outerText); 
      $('.scrollToDown').attr("href", '#scroll-id-'+i); 
      id=i; 
      return false; 
     } 
    }); 
    if ($(this).scrollTop() > 100) { 
     $('.scrollToUp').fadeIn(); 
    } else { 
     $('.scrollToUp').fadeOut(); 
    } 
}); 
//Click event to scroll to top 
$('.scrollToDown').click(function(){ 
    if(id == tmp){ 
     tmp++; 
     $('.scrollToDown').attr("href", '#scroll-id-'+tmp); 
    } 

}); 
//Click event to scroll to top 
$('#scrollUpDown .up').click(function(){ 
    $('html, body').animate({scrollTop : 0},800); 
    return false; 
});