jquery回到顶部demo

所属分类:其他,UI-杂项,滚动

 28493  370  查看评论 (3)
分享到微信朋友圈
X
jquery回到顶部demo ie兼容8

更新时间:2018/12/25 下午5:58:21

更新说明:支持多个盒子回到顶部:
使用方法有修改,现在固定速度,不需要再传递速度参数,
指定盒子内容回到顶部:

$("回到顶部的盒子选择器").goTop("指定盒子选择器");

整个document回到顶部:

$("回到顶部的盒子选择器").goTop();

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

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

使用方法:    

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

参数说明:           

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

$(".go-top").goTop(500, ".list-box");

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

参数说明:      

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

$(".go-top").goTop();
//或者
$(".go-top").goTop(300);
相关插件-杂项,滚动

鼠标移动监听

鼠标移动监听页面跳转
  杂项
 27222  318

jQuery弹出表单录入商品信息无刷新追加行

jQuery弹出表单录入商品信息无刷新追加行特效代码
  杂项
 31252  378

jQuery步骤条进度条插件setStep.js

一款简单额步骤条,可点击 也可按钮控制。
  杂项
 52071  377

Jquery 二维码美化(高度定制)

Jquery 二维码生成插件,高度定制
  杂项
 57958  428

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Summer 0
    2017/9/8 16:15:35

    怎么下载免费的?

    回复
    -Sunshine。° 0
    2017/8/25 17:06:09

    这个有免费的吗

        kingrome0
        2017/10/10 10:28:40

        百度一下

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复