简洁的JQ实现返回顶部特效分享

时间:2017-06-13

JQ代码如下:

<script language="javascript">
$(document).ready(function(){
	$(window).scroll(function(){
		if($(document).scrollTop() <= 0){
			$(".gotop").attr("style","display:none;");
		}else{
			$(".gotop").attr("style","");
		}
	});
	$("#j_gotop").click(function(){
		$("html,body").animate({
			scrollTop: "0px"
		}, 800);
		return false;
	});
});
</script>
每次鼠标滚轮滚动的时候都进行判断,当值小于等于0时将指定对象隐藏,否则显示对象;

当对象被单击的时候,回到顶部,期间加入800秒的滑动特效;

上一条:加入收藏 JS脚本 下一条:JS简单页面倒计时转跳

相关文章

最新文章