主页
WEB前端开发

jQuery点击“返回顶部”滑动过度效果 轻松加

菜小编
WEB前端开发
3
2018-3-25

利用jQuery,直接在网站底部文件加代码:

<a href="#" id="top"> 返 回 顶 部 </a>

CSS代码,使用了fixed让对象固定于浏览器窗口:

#top{position:fixed;bottom:0;right:10px;}

jQuery代码,注意正常使用的几个条件:

$('#top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
THE END
jQuery
IntersectionObserver api实现图片懒加载实例代码
<<上一篇
前端开发两种方式实现图片懒加载(lazyload)示例
下一篇>>
相关推荐
HTML5学习大纲,菜鸟必看必遵循!
CSS伪元素别再只用来做装饰!点击事件也能搞定
CSS 新特性 :has() 选择器,不需要 JS 也能实现神奇交互
CSS伪元素用不好?一文搞懂使用场景及高级应用技巧
CSS变量var()搞定响应式背景图,这招真香!
前端CSS技巧:如何优雅地实现网页图片自适应显示?
使用 HTML + JavaScript 实现滑动框选功能(附完整代码)
前端vue开发技巧:使用原生fetch 发送post请求

文章列表

1 thumbnail
UML教程:活动图如何绘制?在哪里使用?
2
thumbnail
Midjourney提示词Prompts画猫教程:创造独特和令人惊叹的图像
设计达人
3
thumbnail
国内外所有GPT完全注册保姆级教程(附GPT和Plus及本地部署)
办公软件与AI工具应用
4
thumbnail
Django框架默认文件全面解析文件结构和设计原理
后端开发及架构
5
thumbnail
postman 进行接口测试解决 ssl 环境问题
系统部署与运维

灵知AI工具集,绘画、办公、生成PPT...