点击图标快速回到页面顶部
来源:互联网 发布:炉石传说淘宝刷金币 编辑:程序博客网 时间:2024/06/05 00:54
$(function () { //当滚动条的位置处于距顶部300像素以下时,跳转链接出现,否则消失 $(function () { $(window).scroll(function () { if ($(window).scrollTop() > 300) { $(".xtop img").css({'display':'block'}); } else { $(".xtop img").css({'display':'none'}); } }); //当点击跳转链接后,回到页面顶部位置 $(".xtop").click(function () { $('body,html').animate({ scrollTop: 0 }, 300); //300代表0.3秒(300毫秒)时间回到顶点 return false; }); }); });
阅读全文
0 0
- 点击图标快速回到页面顶部
- 实现点击图标使界面回到顶部
- JQuery点击事件回到页面顶部效果
- jquery实现点击回到页面顶部
- javascript之点击回到页面顶部
- 点击状态栏回到顶部
- iOS点击回到顶部
- jquery点击回到顶部
- [html]解决点击a标签页面回到顶部
- 【JQ+锚标记实现点击页面回到顶部】
- 链接回到页面顶部
- 回到页面顶部
- 页面:回到顶部
- 页面回到顶部
- ionic回到页面顶部
- 刷新页面回到页面顶部
- RecyclerView点击Item回到顶部
- JQuery实现页面回到顶部
- OSPF-LSA类型
- iterator(迭代器)
- paypal快速支付流程图
- 使用bootstrap实现下拉框绑定多选框
- 函数对象
- 点击图标快速回到页面顶部
- Git详解之四 服务器上的Git
- 小程序文档整理之 -- API(拓展接口)
- stm32笔记:Systick系统滴答定时器(认识4)
- windows10 安装pip biopython
- vue components 注册方法
- SSH框架搭建实测可用
- Git详解之五 分布式Git
- SpringMVC导出Excel