首页 > 其他 > 详细

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

时间:2014-10-22 12:26:39      阅读:176      评论:0      收藏:0      [点我收藏+]
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(); });

 

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

原文:http://www.cnblogs.com/wxcaiqf/p/4042704.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!