首页 > 代码库 > 返回顶部 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);                };        });

搞定,附上返回顶部图标