首页 > 代码库 > 返回顶部 JS 图片 悬浮
返回顶部 JS 图片 悬浮
1、首先创建“返回顶部”元素
<!-- toTop --> <div id="toTop" style="position: fixed; z-index:99; bottom:89px; right:60px; display:none;" > <a href="javascript:scroll(0,0)"><img src="${pageContext.request.contextPath}/images/toTop.png"/></a> </div>
2、为窗口的scroll事件绑定处理函数
//为窗口的scroll事件绑定处理函数 $(window).scroll(function(){ var min_height = window.screen.availHeight; //获取窗口的滚动条的垂直位置 var s = $(window).scrollTop(); //当窗口的滚动条的垂直位置大于页面的最小高度时,让返回顶部元素渐现,否则渐隐 if( s > min_height){ $("#toTop").fadeIn(100); }else{ $("#toTop").fadeOut(200); }; });
搞定,附上返回顶部图标。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。