首页 > 代码库 > 页面滚到到指定位置,元素的绝对定位和相对定位的自由转换

页面滚到到指定位置,元素的绝对定位和相对定位的自由转换

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();});

 

页面滚到到指定位置,元素的绝对定位和相对定位的自由转换