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

获取页面高度和网页高度

作者: 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 () {  
    
    })
    

    相关文章

      网友评论

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

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