超酷的响应式dribbble设计作品瀑布流布局效果 | javascript | 前端观察

前端观察 • 11年前扫码分享

我是创始人李岩：很抱歉！给自己产品做个广告，点击进来看看。

$(function(){
	$('body').append('&lt;div id="backtotop"&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;');
	initgototop();
});
&
function initgototop() {
	var orig_scroll_height = jquery("#footer").position().top - jquery(window).height() - 200;
&
	// fade in #top_button
	jquery(function () {
		jquery(window).scroll(function () {
			//console.log(jquery(this).scrolltop());
			if (jquery(this).scrolltop() &gt; 100) {
				jquery('#backtotop').addclass('showme');
			} else {
				jquery('#backtotop').removeclass('showme');
			}
		});
&
		// scroll body to 0px on click
		jquery('#backtotop').click(function () {
			jquery('body,html').animate({
				scrolltop: 0
			},  400);
			return false;
		});
	});
&
	if (jquery(window).scrolltop() == 0) {
		jquery('#backtotop').removeclass('showme');
	}else{
		jquery('#backtotop').addclass('showme');
	}
}