function movePageToTop(event) {
event.preventDefault();
var scroll = window.setInterval(function () {
var getYPos = window.pageYOffset;
if (getYPos > 0) {
window.scrollTo(0, getYPos - 35);
} else {
window.clearInterval(scroll);
}
}, 12);
}
<div>
<h2>Move Page to Top : Example</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tellus massa, aliquet vel sapien sit amet, tincidunt dapibus libero. Fusce egestas leo vel sapien vehicula ultrices. Morbi vehicula mi et lacus placerat, facilisis dignissim magna lacinia. Morbi vel nisl sed ipsum hendrerit ornare. Quisque porttitor augue in odio vestibulum finibus. Nullam non viverra lorem, id molestie lacus. Mauris at tortor non est ornare tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut nunc ligula, varius quis tristique tincidunt, porttitor sit amet elit.</p>
<p>Suspendisse in fermentum lorem. Pellentesque vitae metus sapien. Cras a malesuada tortor. Mauris semper tellus eu nunc dignissim porttitor. Quisque vulputate ornare est, non pharetra urna pharetra eget. Mauris a ipsum lobortis, elementum sem at, consectetur turpis. Etiam id placerat ipsum. Aliquam ullamcorper, lectus vel consectetur consequat, tortor massa feugiat mi, eget feugiat urna sem at justo. Quisque non neque vitae erat tristique facilisis eget id lorem. Proin dignissim lorem et quam commodo mattis. Pellentesque vitae condimentum ante, quis interdum tortor. Etiam eget mauris aliquet, gravida ipsum quis, vestibulum nisl. Cras molestie sapien eget finibus bibendum. Nam ut massa sed ipsum euismod fringilla. Quisque non elit tincidunt, facilisis enim at, commodo enim. Morbi maximus lacus ac lorem lobortis iaculis.</p>
<p>Morbi sed porta nulla. Nam dictum libero id nibh lobortis euismod a ut sapien. Integer est velit, suscipit non ultricies dignissim, sagittis vel sem. Mauris a pulvinar metus. Integer sem nisi, luctus vel sapien nec, convallis ornare diam. Mauris ipsum nibh, iaculis at laoreet a, egestas non nibh. Phasellus tortor ex, consequat at feugiat vitae, rutrum in nibh. Nunc cursus nibh nec velit luctus, dapibus dapibus lacus molestie. Nulla aliquet erat ut tellus semper euismod. Phasellus vitae sollicitudin diam. Vestibulum fringilla turpis id nulla hendrerit, et semper leo dapibus. Aenean pellentesque porta diam. Donec eget finibus neque, nec interdum neque. In ut arcu sem. Etiam convallis lacus et neque lacinia, ut luctus ipsum fringilla.</p>
<p>Pellentesque varius, leo ut convallis blandit, risus mi accumsan sem, ut commodo ligula nisl quis diam. Aenean fringilla felis id consectetur dictum. Duis eleifend cursus magna, sed lacinia diam iaculis varius. Morbi rutrum ipsum eget ante tincidunt, et blandit lorem bibendum. Aenean bibendum tristique est rhoncus cursus. Nunc iaculis luctus dictum. Quisque sit amet libero eu urna malesuada porta non eu ipsum. Curabitur lobortis vestibulum mauris. Integer vestibulum nibh in ipsum aliquam, eget sagittis mi facilisis. Cras rutrum cursus odio. Vivamus et placerat ipsum, ut efficitur ante. Sed malesuada convallis feugiat. Integer non pharetra ex, vel pretium risus. Donec mi justo, aliquet eget commodo a, convallis at nisi. In ut tristique justo. Maecenas pulvinar libero augue, eget mattis massa egestas quis.</p>
<p>Praesent vel augue maximus, rutrum ex ut, commodo arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc ut felis id diam rhoncus convallis. In feugiat, urna sit amet laoreet euismod, velit velit porttitor lacus, vitae laoreet nibh ipsum eu erat. Ut condimentum pharetra scelerisque. Integer sit amet tristique lacus. Donec imperdiet pharetra augue, eu tempor risus. Proin pretium massa nec tellus porttitor, eu ultricies erat dapibus. Mauris rutrum porttitor velit vitae condimentum. Sed vel ligula ultrices purus dictum pellentesque. Sed tempus, elit vitae facilisis luctus, risus augue lobortis odio, eget luctus libero neque eget eros.</p>
<p>Vestibulum gravida nisl quam, eu hendrerit augue sollicitudin id. Integer suscipit vitae sem quis facilisis. Vestibulum ultrices urna vitae enim elementum ornare. Maecenas pharetra nulla vel dolor pretium, sed lobortis mauris laoreet. Quisque sodales nec ante a pellentesque. Aliquam tempus tellus ante, et pharetra odio sodales in. Ut scelerisque rhoncus metus posuere tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer ut justo mauris. Nam auctor luctus arcu, vel sodales enim efficitur sit amet.</p>
<p>Proin bibendum magna ac massa tempor egestas. Curabitur id justo eu mauris dignissim sodales. Maecenas id consequat lectus, quis tempor metus. Quisque tincidunt ipsum sed vehicula ullamcorper. Nullam non ligula vitae enim gravida mollis. Sed nisl ipsum, dignissim sed efficitur quis, faucibus id ex. Aenean ultricies, massa vitae facilisis imperdiet, massa risus fermentum ipsum, ac blandit dui enim sed nisl. Sed et finibus neque, eu rutrum nunc. Duis placerat ante nibh, quis cursus quam commodo sed. Sed pulvinar tincidunt dolor, quis efficitur dolor feugiat in. Nam risus diam, tincidunt ac egestas vitae, fringilla id enim. Morbi placerat sagittis nibh fringilla tincidunt.</p>
<p>Aenean in molestie felis. Fusce sed volutpat odio, pretium porttitor nisl. Duis nisl odio, ornare vel ante ut, molestie iaculis mi. Curabitur pharetra, mauris eget lobortis dictum, ex sapien malesuada ligula, et ornare risus dui vel arcu. Nunc et dui tincidunt, aliquam leo ut, tempor mauris. Etiam nec arcu sem. Donec et faucibus dui. Fusce at sapien vestibulum nisi eleifend ultrices. Mauris venenatis rhoncus felis id vestibulum. Proin mi sem, consequat id luctus ac, vehicula eget lacus. Nunc dignissim, erat ut accumsan feugiat, dolor arcu aliquam ipsum, sit amet eleifend lacus est vel odio. Sed auctor condimentum commodo.</p>
<p>Mauris dui lectus, faucibus et dapibus eu, facilisis et justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec tristique massa eleifend turpis suscipit pellentesque. Duis tempus consequat purus eget congue. Maecenas lacinia consequat neque, nec fringilla orci interdum at. Donec vestibulum ornare justo ullamcorper elementum. Duis a vestibulum nunc. Pellentesque pharetra imperdiet iaculis. Quisque gravida risus nec elit varius vehicula. Fusce odio orci, accumsan sed nibh a, commodo fringilla magna. Vestibulum condimentum at lorem vitae porta. Phasellus ut dolor sed ligula feugiat varius. Etiam egestas vel lacus vitae blandit. Sed tincidunt a sapien id lobortis. Praesent luctus fringilla nisi, eu dignissim libero luctus a. Mauris id iaculis nunc.</p>
<p>Morbi feugiat lorem a tempor pretium. In congue bibendum dolor, sed euismod justo auctor nec. Nullam in enim nec mauris finibus tempor at at velit. Aliquam a lacus tortor. Cras in ante eget nisl egestas efficitur id a lacus. Proin tempus, purus id malesuada tincidunt, nisi erat varius mi, id bibendum nunc sapien nec diam. Sed vel iaculis tellus. In aliquet consequat mi, eu accumsan libero auctor eu.
<p>Vivamus turpis sapien, tempor vel eleifend nec, porta ut ipsum. Nam nec facilisis sem. Nam scelerisque lobortis enim, eu rhoncus sapien cursus in. Maecenas eu euismod orci. Sed convallis blandit orci vitae lobortis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras id tortor sit amet ante volutpat feugiat quis eu magna. Maecenas placerat efficitur felis non lobortis. Nulla pulvinar aliquam mattis. Donec vel nibh risus. Duis ac dictum elit. Nam at erat vitae ligula maximus posuere.</p>
<p>In accumsan, magna et sollicitudin aliquet, sem augue eleifend sapien, in ullamcorper purus erat et ligula. Sed quis semper justo, suscipit viverra ipsum. Quisque venenatis vel ante at imperdiet. Fusce quis libero ex. Vestibulum sagittis viverra orci, sit amet dapibus sapien ornare facilisis. Mauris in iaculis quam. Donec ornare dui id arcu consectetur accumsan. Aenean scelerisque lorem vel leo facilisis, et sodales nunc posuere. Integer eu nulla nunc. Nunc ac ullamcorper erat, ut tristique elit.</p>
<p>Sed eleifend, ligula scelerisque maximus feugiat, dui risus efficitur lectus, vel lobortis ipsum orci in nunc. Donec et est non velit euismod suscipit. Donec tristique pharetra scelerisque. Pellentesque malesuada dignissim sem, vel pretium ligula ultricies non. Donec non ipsum quis arcu ultricies posuere sit amet scelerisque nisi. Mauris at maximus sem, eu placerat arcu. In congue massa nisi, sed vehicula mauris pretium a. Sed a sagittis diam. Fusce rutrum dapibus lectus, sed eleifend nisl lacinia eu. Nulla ac diam ut ex dictum venenatis. Vivamus venenatis nulla orci, eu laoreet mi ultricies congue. Cras et eros vestibulum, fermentum nibh non, iaculis lorem. Sed suscipit egestas rutrum. Nunc varius eget nulla ac volutpat. Nunc convallis, nulla quis dictum lacinia, neque erat mattis magna, in lacinia sapien mauris a lorem. Maecenas semper sapien ex, finibus lacinia sem malesuada a.</p>
<p>Duis congue id elit sit amet laoreet. Sed fringilla lorem nec nunc ultrices, ac efficitur augue semper. Nulla facilisi. Integer urna erat, placerat vel porttitor vel, placerat sit amet felis. Vestibulum luctus, augue porttitor convallis porttitor, ex risus placerat ipsum, id blandit libero urna non elit. Sed eget lectus a risus porta ornare. In scelerisque tortor vel leo ornare volutpat. Ut non risus nec purus dignissim imperdiet non in risus. Sed tincidunt in lacus sed malesuada. Etiam ac ex sollicitudin, accumsan urna at, pharetra nisi. Aenean luctus feugiat magna, at maximus massa. Suspendisse ullamcorper ante ipsum, nec dapibus turpis interdum ut. Sed sagittis lectus justo, in vehicula ex commodo maximus. Nam cursus eu nunc eget interdum. Nam ultrices non urna vitae fermentum.</p>
<p>Pellentesque pharetra elementum eros, sit amet elementum turpis molestie sit amet. Pellentesque blandit lacus non nisl dignissim, id interdum mauris semper. Sed cursus turpis sapien, vitae fermentum libero mollis eu. Sed auctor ligula at ultricies egestas. Nullam ac ipsum bibendum, blandit risus quis, mattis neque. Sed non interdum lectus, id semper enim. Donec rhoncus quis mauris quis venenatis. Vivamus sed orci felis. Fusce pharetra semper metus, sit amet luctus ligula convallis a.</p>
</div>
<br/>
<br/>
<div class="topLink"><a onclick="movePageToTop(event);" href="#">Top</a>
</div>
<br/>
<br/>
<br/>
<br/>
<!-- Omit this part : Just a footer -->
<div style="position:fixed;bottom:10px;left:10px;background:#4679BC;padding:4px;border-radius:2px;border:1px solid #4679AA"><a href="http://code2care.org" title="more ..." style="padding:6px;text-decoration:none;font-size:12px;color:#fff;letter-spacing: 1.5px;">More about Code2care ....</a>
</div>
.topLink {
text-align:center;
border:1px solid #eee;
padding:10px;
display:block;
}