最简单的方法, 没有滑动效果, 直接跳到顶部
<a id="scrollTop" href="javascript:scroll(0,0)">⇑</a>
滑动效果
<a id="scrollTop" onClick="goTopEx()">⇑</a>
<script>
var $sty=document.getElementById("scrollTop").style
var $top=document.documentElement.scrollTop
function getScrollTop() { return $top + document.body.scrollTop}
function setScrollTop(value) { if($top) $top=value; else document.body.scrollTop=value }
window.onscroll = function() { getScrollTop()>0 ? $sty.display="block" : $sty.display="none" }
function goTopEx() {
var goTop = setInterval(scrollMove, 10);
function scrollMove() { setScrollTop(getScrollTop()/1.1); if(getScrollTop()<1) clearInterval(goTop) }
}
</script>
bootstrap的affix.js特性, 参考 适合程序员的Blog -- 基于github pages + jekyll + markdown打造自己的blog