jQuery返回顶部插件

下载地址

一款超级简洁实用的jQuery返回顶部插件。该返回顶部插件页面滚动到一定高度时自动出现,用户点击它后会以平滑的方式滚动到页面顶部。返回顶部按钮能够帮助用户快速平滑的返回到页面的顶部。HTML结构在body标签结束之前添加返回顶部按钮: Top CSS样式返回顶部按钮始终出现在页面的右边。初始化时它是不可见的:visibility:hidden; 和 opacity:0;。这两个属性可以通过2个class来控制:.cd-is-visible 和.cd-fade-out。.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1;}.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5;}JAVASCRIPT在demo中,我们使用三个变量来控制返回顶部按钮:var offset = 300, //browser window scroll (in pixels) after which the "back to top" link opacity is reduced offset_opacity = 1200, //duration of the top scrolling animation (in ms) scroll_top_duration = 700;offset变量用于切换.cd-is-visible类。offset_opacity用于控制.cd-fade-out。返回顶部的动画使用的是jQuery .animate()方法

9007193a0e330341fde8cc3e18159fad9760.jpg

dd:

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...