柔性可调整速度的返回顶部按钮

  • 1100
  • 0
  • 0
本人习惯是将页面所有内容放在body标签下的样式名为"body-cnt"的div中,这样将jQuery事件绑定都委托给该div,避免移动端事件绑定不到document上。

以上仅是个人开发习惯,如有异议则按照你们自己的规则来,勿喷。

柔性返回顶部的小箭头,小火箭特效代码。


使用方法:   

一、如果你的页面中给某个div设置了最大高度,想在该div中回到该div的顶部。        

参数说明:           

goTop(速度,要回到顶部的指定div)

  1. $(".go-top").goTop(500, ".list-box");
复制代码

二、如果你页面是整个body超出可视区域,要整个回到顶部。

参数说明:      

  1. $(".go-top").goTop();
  2. //或者
  3. $(".go-top").goTop(300);
复制代码

goTop(速度) 速度可传可不传



柔性可调整速度的返回顶部按钮
  • 元气赵老师 刚刚下载了一个素材
  • 百运渡化工 刚刚下载了一个素材
  • 麦克斯韦的银色锤子 刚刚下载了一个素材
  • 韩跑跑 刚刚下载了一个素材
  • ayaaff 刚刚下载了一个素材
  • qq作怪ErO 刚刚下载了一个素材
  • qqMilesNpP 刚刚下载了一个素材
  • qqWatergnn 刚刚下载了一个素材
  • 平安喜樂 刚刚下载了一个素材
  • 哆啦A梦9 刚刚下载了一个素材
  • 通境 刚刚下载了一个素材
  • qq哈喽c6X 刚刚下载了一个素材
  • 伴梦伴醒 刚刚下载了一个素材
  • 墨言555 刚刚下载了一个素材
  • 丰祺 刚刚下载了一个素材
分享者:
分享者头像
小编
热门素材推荐
HTML素材网,HTML5模板,网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题