Scroll系列

Scroll系列:javascript

  屬性:java

    scrollWidth:元素內容的實際寬度(沒有邊框)瀏覽器

    scrollHeight:元素內容的實際高度(沒有邊框)函數

    注意:若是沒有內容(內容高度或寬度沒有超過元素實際高度或寬度)就是元素的高度和寬度blog

    scrollTop:向上捲曲出去的距離事件

    scrollLeft:向左捲曲出去的距離ip

  方法:get

    window.onscroll = function(){io

      console.log("我是一個滾動事件");
    }
  封裝滾動函數,獲取瀏覽器向上和向左捲曲出去的距離:
/**
 * 封裝滾動函數,獲取瀏覽器向上和向左捲曲出去的距離
 */
function getScroll() {
    return {
        left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,
        top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
    }
}
相關文章
相關標籤/搜索