美文网首页
获取页面高度和网页高度

获取页面高度和网页高度

作者: sunny519111 | 来源:发表于2016-12-21 17:25 被阅读783次

document.documentElement.heightdocument.body.height的区别

二者区别
  1. document.body.clientHeight获取的是网页的高度的高度(不包括外边距)。jquery获取网页的高度$('body').height()
  2. document.documentElement.height 获取窗口的高度。jquery获取视口的高度$(window).height()

scroolTop的运用

  1. js中控制滚动条的运用
    document.body.scrollTop=1000;
  2. jquery中滚动条的运用
    jquery中自定义了一个scrollTop()方法
    $('body').scrollTop(1000)
    如果想通过动画缓慢滑动
    ** $('body').animate({
    'scrollTop' : 1000
    })**

jquery的each()方法

$('section').each(function (index, el) {
}

  • 其中index表示section的索引,从0开始
  • 其中el表示section的内容,可以把它变成jquery的选择$el = $(el)

resize事件 >--当窗口的大小发生改变的时候调用。

$(window).resize(function () {  

})

相关文章

  • 获取页面高度和网页高度

    document.documentElement.height和document.body.height的区别 d...

  • ScrollView嵌套WebView,WebView自适应高度

    网上的思路是等页面加载完毕后,通过调用js获取当前网页的高度,获取到高度后,设置webview的高度。但是我用网上...

  • 锚点链接实现

    用到onpagescroll方法获取页面的滚动高度和获取元素距离页面顶部的高度。

  • 获取高度相关API

    获取页面已经滚动的高度: 获取body全部内容高度: 获取布局视口高度: 获取视图视口高度:

  • 2017笔记——UIWebView高度获取

    获取两种webview的高度:静态页面和动态页面。 思路: 当需要获取静态页面的高度时,加载完成后,获取docum...

  • WKWebView 加载本地html 下面有留白问题

    今天遇到的一个问题就是用 这个来获取高度高度返回成功,当我设置页面高度后,发现网页内容根本没有那么高。 夏天已到,...

  • 尺寸相关、滚动事件

    1、获取和设置元素的尺寸 2、获取元素相对页面的绝对位置 .offset()3、获取可视区高度 4、获取页面高度 ...

  • JavaScript获取页面高度宽度 弹出层效果

    新人第一次发帖,可喜欢可评论可转载 先来说一说获取页面高度宽度的问题 页面高度指的是整个网页高度,就是在顶部到底部...

  • jquery尺寸相关,滚动事件

    获取和设置元素的尺寸 获取元素相对页面的绝对位置 获取浏览器可视区宽度高度 获取页面文档的宽度高度 获取页面滚动距...

  • js获取各种网页高度

    1、获取屏幕的高度和宽度(屏幕分辨率): 2,获取屏幕工作区域的高度和宽度(去掉状态栏): 3、网页全文的高度和宽...

网友评论

      本文标题:获取页面高度和网页高度

      本文链接:https://www.haomeiwen.com/subject/opmqvttx.html