js 返回顶部

复制代码
function gotoTop(min_height){
    var gotoTop_html = '<div id="gotoTop"></div>';//定义返回顶部的html标签,默认隐藏
  $("body").append(gotoTop_html);//将元素插入页面
  $("#gotoTop").click(function(){//定义返回顶部元素的点击事件
    $('html,body').animate({scrollTop:0},700);//定义页面向上滚动的动画
  }).hover(//为返回顶部元素增加鼠标选中的样式
    function(){$(this).addClass("hover");},
    function(){$(this).removeClass("hover");}
  );
  //获取页面的最小高度,为空则设置默认值
  min_height ? min_height = min_height : min_height = 600;
  $(window).scroll(function(){
    var s = $(window).scrollTop();//获取窗口滚动条的垂直位置
    if(s > min_height){//如果滚动条距顶部的位置大于最小高度,则返回元素渐现
      $("#gotoTop").fadeIn(100);
    }else{//否则返回顶部元素隐藏
      $("#gotoTop").fadeOut(200);
    }
  });
};
gotoTop();
复制代码

 

posted @   小时光  阅读(376)  评论(0编辑  收藏  举报
编辑推荐:
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· 程序员常用高效实用工具推荐,办公效率提升利器!
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 【译】WinForms:分析一下(我用 Visual Basic 写的)
点击右上角即可分享
微信分享提示