zoukankan      html  css  js  c++  java
  • js、jQuery各种高度


    height.js

    $(window).height();    //浏览器可视窗口的高度
    $(window).scrollTop();  //浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)
    
    //当网页滚动条拉到最低端时
    $(document).height() == $(window).height() + $(window).scrollTop() 网页可见区域宽[仅针对body]: document.body.clientWidth
    网页可见区域高[仅针对body]: document.body.clientHeight
    网页可见区域宽[仅针对body]: document.body.offsetWidth (包括滚动条和边框,若滚动条和边框为0,则和clientWidth相等)
    网页可见区域高[仅针对body]: document.body.offsetHeight (包括滚动条和边框,若滚动条和边框为0,则和clientHeight相等)
    可视窗口宽度(包括滚动轴宽度):window.innerWidth; //IE9+、Chrome、Firefox、Opera 以及 Safari
    可视窗口高度,不包括浏览器顶部工具栏: window.innerHeight;//IE9+、Chrome、Firefox、Opera 以及 Safari
    网页正文全文宽(不包括滚动轴的宽度): document.body.scrollWidth
    网页正文全文高:document.body.scrollHeight//假如网页中没有滚动轴,
                    document.body.scrollWidth和window.innerWidth相等,document.body.scrollHeight和window.innerHeight相等。
                    
    网页被卷去的高: document.body.scrollTop
    网页被卷去的左: document.body.scrollLeft
    网页正文部分上: window.screenTop
    网页正文部分左: window.screenLeft
    屏幕分辨率的高(整个屏幕的高度): window.screen.height
    屏幕分辨率的宽(整个屏幕的宽度): window.screen.width
    屏幕可用工作区高度: window.screen.availHeight
    屏幕可用工作区宽度: window.screen.availWidth
    整个浏览器可用工作区高度: window.outerHeight
    整个浏览器可用工作区宽度: window.outerWidth 
    
    
  • 相关阅读:
    一张图了解.Net Core和.NetFx和.Net Standard和Xamarin关系
    .NETCore Docker实现容器化与私有镜像仓库管理
    .netcore consul实现服务注册与发现-集群部署
    .netcore consul实现服务注册与发现-单节点部署
    路径显示不下时,中间显示省略号
    CAD2015 C#二次开发 字体变形
    C# 加载并显示菜单
    作为公共组软件工程师如何工作
    面试北京XX科技总结
    面试北京XX数通总结
  • 原文地址:https://www.cnblogs.com/datiangou/p/10207904.html
Copyright © 2011-2022 走看看