純粋なJAVASCRIPT（jquery）を使用せずにウェブサイトのトップへスクロールする

Question

通常のスクロールをウェブサイトのトップにします。

200pxマウスがスクロールした後にのみ表示されるページの下側（フッターの近く）にスクロールトップリンクが表示され、スクロールするときに非表示にする必要があります。 JQUERY

なしここでトップに戻るこのデモでdemo

下部に既にされています。上記のように修正されたトップリンクを表示する方法はありますか？ここで

Answer 1

は答え

HTML

<a id="scroll_to_top_id"></a> 

CSS

#scroll_to_top_id { 
    display: none; 
    position: fixed; 
    right: 30px; 
    bottom: 30px; 
    background 
} 

PURE JAVASCRIPT（NO jQueryの）

ですあなたはそれをできるだけシンプルたい場合は210

/* 
* Scroll To Top 
*/ 

var your_header  = document.getElementById('header_id'), 
    scroll_to_top = document.getElementById('scroll_to_top_id'); 


window.onscroll = function(ev) { 

    var scrollTop = window.pageYOffset || document.body.scrollTop; 
    if (scrollTop > your_header.offsetHeight + 100) { 

     scroll_to_top.style.display = 'block'; 
    } 
    else{ 
     scroll_to_top.style.display = 'none'; 
    } 
}; 

scroll_to_top.onclick = function() { 
    scrollTo(document.body, 0, 100); 
} 

/* 
* scroll to body top 
* element, position and time duration 
*/ 
function scrollTo(element, to, duration) { 
     if (duration < 0) return; 
     var difference = to - element.scrollTop; 
     var perTick = difference/duration * 2; 

    setTimeout(function() { 
     element.scrollTop = element.scrollTop + perTick; 
     scrollTo(element, to, duration - 2); 
    }, 10); 
} 

Answer 2

は、単に使用：

<a href="#" onClick="window.scrollTo(0,0)"> 

これはあなたのサイトのトップにあなたをスクロールします。