博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
经典的回到页面顶端
阅读量:5812 次
发布时间:2019-06-18

本文共 492 字,大约阅读时间需要 1 分钟。

hot3.png

经典的回到页面顶端,当页面滚动到一定的高度时,给一个回到顶端的小提示,可以很方便的滚动到顶端,省去鼠标滚动和拖动滚动条.直接贴代码(需引入jQuery.js):

JS:

 

$(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);	})})

 CSS:

 

 HTML:

 

 

转载于:https://my.oschina.net/lgscofield/blog/471166

你可能感兴趣的文章
虚拟化基础架构Windows 2008篇之7-添加其他操作系统的安装镜像
查看>>
vds与vcenter
查看>>
WindowsServer2003活动目录升级到2012
查看>>
linux定时任务Crond基础概念原理介绍01
查看>>
Winform文件下载之WebClient
查看>>
在Windows Server 2008上配置FTP服务
查看>>
6426C Lab2 部署和配置证书服务
查看>>
Google有望重回中国市场 (独家消息)
查看>>
微软解决方案是否还需要存储?
查看>>
金刚怒目与菩萨低眉——企业安全的IAM和DLP
查看>>
在VMware Workstation中批量创建上千台虚拟机(上)
查看>>
iOS开发之详解剪贴板
查看>>
客户端存在潜在危险request.from
查看>>
jquery.post请求并处理返回xml数据
查看>>
gcc 的 loop unrolling
查看>>
Grails中的UrlMapping
查看>>
上博客园,用工作台
查看>>
插入排序
查看>>
ArcGIS Engine+拓扑操作
查看>>
符号表
查看>>