は、以下のボタンを考えると、ボタン

Question

でスクロールダウン：

<section id="section04" class="demo"> 
    <h1>Scroll Down Button #4</h1> 
    <a><span></span>Scroll</a> 
    </section> 

は、どのように私はボタンが特定の量でページを下にスクロールすることができますか？

Answer 1

jQueryの必要な任意の値に変更100pxに

$("#section04").click(function(){ 
    $("html, body").stop().animate({ 
    scrollTop: 100px 
    },1000); 
}); 

をアニメーション使用。

Answer 2

あなたがscrollTo

方法で構築されたウィンドウを使用することができますjavascriptのバニラを使用したい場合は

//.html 

    <div style='height:4000px; border:solid red 2px; width:80%;'> 
     <input type='text' class='y' /> 
     <button>Scroll Y-axis</button> 
    </div> 

//.js 

    var button = document.querySelector('button') 

    button.addEventListener('click', function(){ 
     var y = document.querySelector('.y').value 
      window.scrollTo(0,y) 
    }) 

jsfiddle

[スクロールアップとjqueryの使用して、ボタンをクリックしたときに、divのダウン]の