点击图标快速回到页面顶部
2017-08-29 09:47
239 查看
$(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; }); }); });
相关文章推荐
- 网站点击导航栏标题,对应的元素平滑上移以及点击图片或按钮回到页面顶部的特效
- javascript之点击回到页面顶部
- JavaScript---快速回到页面顶部
- JQuery点击事件回到页面顶部效果
- html页面标记 点击目录跳转到页面相应位置 简易回到顶部
- 回到顶部,当页面下拉到一定高度时,就会出现回到顶部的按钮,点击回到顶部之后,会有一个速度的变化回滚到顶部,如果正在回到顶部时,鼠标的滚轮转动了就会停止回到顶部
- js实现超过页面一屏后,点击图标滚动到页面顶部top
- jquery点击回到页面顶部方法
- jquery实现点击页面回到顶部
- 【JQ+锚标记实现点击页面回到顶部】
- 安卓开发启用线程动态显示和隐藏悬浮控件(ImageButton),点击回到页面顶部
- jquery实现点击回到页面顶部
- JQuery点击事件回到页面顶部效果的实现代码
- 【JQ+锚标记实现点击页面回到顶部】
- javascript 点击 回到页面顶部
- 实现点击图标使界面回到顶部
- jquery 插件页面回到顶部
- 点击状态栏回到顶部两种实现
- 页面底部的回到顶部的按钮实现
- Android实现ios点击状态栏回到顶部效果(直接转的网址)