var $goTop = $("#goTop"); //需要操作的对象 $(window).scroll(function(){ var scrollHeight = $(window).scrollTop();//这个方法是当前滚动条滚动的距离 var height = $("body").height() - scrollHeight - $(window).height() + $goTop.height();//整个页面的高度-滚动条的高度-当前窗口的高度 + 按钮的高度。得到的是按钮距离页面最底部的距离 == document.documentElement.scrollTop+document.body.scrollTop;(原生方法) if(height < 204 ){ //204为指定位置 $goTop.stop().css({"bottom":"50px","position":"absolute"}); }else{ $goTop.stop().css({"bottom":"40px","position":"fixed"}); } if(scrollHeight > $(window).height() ){ //判断条件是否成立 $goTop.stop().show(); }else{ $goTop.stop().hide() } }); $goTop.click(function(){ goTop(); });
时间: 2024-11-12 06:36:12