- 博客(3)
- 收藏
- 关注
原创 使用JavaScript实现回到顶部效果
锚链接 使用锚链接方式实现回到顶部效果,是最简便的一种方式,即将标签a中的href属性值设置为#即可:<a href="#" ></a>,便可实现一键回到顶部效果.为了提供较好的用户体验,这里使用js实现这个功能.功能点 1. 返回顶部的过程是一个由快到慢的滚动过程; 2. 在返回顶部的滚动过程中,如果滚动鼠标滚轮,可暂停在当前位置。 3. 滚动条距离顶部较远时,显示返回顶部按钮,较近时不显
2017-06-26 18:26:15 280
原创 常用组件之侧栏菜单滑动及返回顶部效果
侧栏菜单 当点击文章模板时,侧栏从右侧平缓划出并且遮罩层使整个页面变暗。选择侧栏触发器 $('#sidebar_trigger') ,对其添加监听点击事件 showSideBar() ,使遮罩层$('.mask') 和$('#sidebar') 都显示出来。 然后再对遮罩层$('.mask') 监听一个点击事件hideSideBar,使遮罩层$('.mask') 和$('#sidebar') 隐
2017-06-23 16:49:33 756
原创 使用JavaScript实现回到顶部效果
锚链接 使用锚链接方式实现回到顶部效果,是最简便的一种方式,即将标签a中的href属性值设置为#即可:<a href="#" ></a>,便可实现一键回到顶部效果.为了提供较好的用户体验,这里使用js实现这个功能.功能点 1. 返回顶部的过程是一个由快到慢的滚动过程; 2. 在返回顶部的滚动过程中,如果滚动鼠标滚轮,可暂停在当前位置。 3. 滚动条距离顶部较远时,显示返回顶部按钮,较近时不显
2017-04-27 09:54:09 432
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人