码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-10-22 12:26:46      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   os   ar   sp   div   on   

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

 

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

标签:style   blog   color   io   os   ar   sp   div   on   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!