按钮、实现开发小技巧：超简单的“回到顶端”按钮实现by小雨

发一下牢骚和主题无关：

    日期：2013-3-26  源来：GBin1.com

    

    之前的文章中我们曾宣布过另外一个back to top的件插 ：jQuery Back to Top，欢喜的友人可以点击来看。

    

    明天我们绍介的这篇web开辟小巧技将用使jQuery实现一个超简略的动滚到页面顶端的功能，代码如下：

$(document).ready(function() {
	// 动滚窗口来判断按钮表现或藏隐
	$(window).scroll(function() {
		if ($(this).scrollTop() > 150) {
			$('.back-to-top').fadeIn(100);
		} else {
			$('.back-to-top').fadeOut(100);
		}
	});
	
	// jQuery实现动画动滚
	$('.back-to-top').click(function(event) {
		event.preventDefault();
		$('html, body').animate({scrollTop: 0}, 500);
	})
});

    基本上用不太多解释，大家应当懂得代码功能。

    首先用使window象对的scroll回调函数来控制当页面向下动滚过超150px的时候，表现back to top按钮，否则藏隐。......

    via 极客区社

    

源来：开辟小巧技：超简略的“回到顶端”按钮实现

文章结束给大家分享下程序员的一些笑话语录： 腾讯总舵主马化腾，有人曾经戏称如果在Z国选举总统，马化腾一定当选，因为只要QQ来一个弹窗”投马总，送Q币”即可。