![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js相关
文章平均质量分 56
xuexueq
这个作者很懒,什么都没留下…
展开
-
常用组件之侧栏菜单滑动及返回顶部效果
侧栏菜单 当点击文章模板时,侧栏从右侧平缓划出并且遮罩层使整个页面变暗。选择侧栏触发器 $('#sidebar_trigger') ,对其添加监听点击事件 showSideBar() ,使遮罩层$('.mask') 和$('#sidebar') 都显示出来。 然后再对遮罩层$('.mask') 监听一个点击事件hideSideBar,使遮罩层$('.mask') 和$('#sidebar') 隐原创 2017-06-23 16:49:33 · 763 阅读 · 0 评论 -
使用JavaScript实现回到顶部效果
锚链接 使用锚链接方式实现回到顶部效果,是最简便的一种方式,即将标签a中的href属性值设置为#即可:<a href="#" ></a>,便可实现一键回到顶部效果.为了提供较好的用户体验,这里使用js实现这个功能.功能点 1. 返回顶部的过程是一个由快到慢的滚动过程; 2. 在返回顶部的滚动过程中,如果滚动鼠标滚轮,可暂停在当前位置。 3. 滚动条距离顶部较远时,显示返回顶部按钮,较近时不显原创 2017-04-27 09:54:09 · 447 阅读 · 0 评论 -
使用JavaScript实现回到顶部效果
锚链接 使用锚链接方式实现回到顶部效果,是最简便的一种方式,即将标签a中的href属性值设置为#即可:<a href="#" ></a>,便可实现一键回到顶部效果.为了提供较好的用户体验,这里使用js实现这个功能.功能点 1. 返回顶部的过程是一个由快到慢的滚动过程; 2. 在返回顶部的滚动过程中,如果滚动鼠标滚轮,可暂停在当前位置。 3. 滚动条距离顶部较远时,显示返回顶部按钮,较近时不显原创 2017-06-26 18:26:15 · 291 阅读 · 0 评论