1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 获取浏览器顶部距离 可见距离 屏幕宽度 滚动条保持状态 滚动条距离顶部 底部的距

获取浏览器顶部距离 可见距离 屏幕宽度 滚动条保持状态 滚动条距离顶部 底部的距

时间:2022-03-13 07:16:41

相关推荐

获取浏览器顶部距离 可见距离 屏幕宽度 滚动条保持状态 滚动条距离顶部 底部的距

独角兽企业重金招聘Python工程师标准>>>

本文章不定时更新

浏览器:

vars="";s+="网页可见区域宽:"+document.body.clientWidth+"\n";s+="网页可见区域高:"+document.body.clientHeight+"\n";s+="网页可见区域宽:"+document.body.offsetWidth+"(包括边线和滚动条的宽)"+"\n";s+="网页可见区域高:"+document.body.offsetHeight+"(包括边线的宽)"+"\n";s+="网页正文全文宽:"+document.body.scrollWidth+"\n";s+="网页正文全文高:"+document.body.scrollHeight+"\n";s+="网页被卷去的高(ff):"+document.body.scrollTop+"\n";s+="网页被卷去的高(ie):"+document.documentElement.scrollTop+"\n";s+="网页被卷去的左:"+document.body.scrollLeft+"\n";s+="网页正文部分上:"+window.screenTop+"\n";s+="网页正文部分左:"+window.screenLeft+"\n";s+="屏幕分辨率的高:"+window.screen.height+"\n";s+="屏幕分辨率的宽:"+window.screen.width+"\n";s+="屏幕可用工作区高度:"+window.screen.availHeight+"\n";s+="屏幕可用工作区宽度:"+window.screen.availWidth+"\n";s+="你的屏幕设置是"+window.screen.colorDepth+"位彩色"+"\n";s+="你的屏幕设置"+window.screen.deviceXDPI+"像素/英寸"+"\n";alert(s);

元素:

元素距离顶部距离document.getElementById(id).offset().top元素距离左边距离document.getElementById(id).offset().left可根据需求改为Jquery

滚动条:

$(window).scrollTop();//得到滚动条距离顶部的距离。//设置滚动条距离顶部或底部的距离,保持滚动条状态等$(window).scroll(function(){varscreenheight=window.screen.availHeight;//获取屏幕高$(window).scrollTop(document.body.clientHeight-120-screenheight);//移动到据底部120px});

获取浏览器顶部距离 可见距离 屏幕宽度 滚动条保持状态 滚动条距离顶部 底部的距离 屏幕分辨率等...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。