jQuery实现的返回顶部代码(二)

2014-05-01 08:51:42 -0400

此代码仅供参考

代码说明

使用jQuery实现的效果是：当页面初次载入，浏览器滚动条处于最顶部的时候，跳转链接处于隐藏状态。当滚动条向下滚动后，跳转链接逐渐显出，当点击跳转链接后，页面逐渐滚动至顶部，跳转链接逐渐消失。

html代码

function scrollHandler(){
		clearTimeout(timer);
		timer = setTimeout(checkScroll, 160);
	}
	function checkScroll(){
		var top = view.scrollTop();
		btn[top > 100 ? 'removeClass' : 'addClass']('hide');
	}

btn.bind('click', function(){
		btn.addClass('hide');
		ds.scrollTo(0);
	});
	view.bind('scroll', scrollHandler);
	scrollHandler();
});
</script>

代码演示

返回顶部意见反馈

jquery-1.7.min.js (91.67 KiB) | Read | Meta | +

common.js (41.76 KiB) | Read | Meta | +

sprites.png (41.13 KiB) | Meta

【本站仅供参考，版权归原作者所有】

«Newer Older»

Back to home

Subscribe | Register | Login | N