首页 > 代码库 > 页面滚到到指定位置,元素的绝对定位和相对定位的自由转换
页面滚到到指定位置,元素的绝对定位和相对定位的自由转换
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();});
页面滚到到指定位置,元素的绝对定位和相对定位的自由转换
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。