js動畫 Css提供的運動 js提供的運動

前端與我發表於2018-12-02

1.     動畫

(1)      Css樣式提供了運動

過渡的屬性transition  從一種情況到另一種情況叫過渡

Transition:attr  time  linear  delay

Attr 是變化的屬性

Time 是花費的時間

Linear 變化的速度

Delay 是延遲

複習background:url() no-repeat 50% 50% red;

Background-image

Background-repeat

Background-position

Background-color

(2)js提供的運動

 

元素的client offset scroll三個系列

 

clientWidth/clientHeight/clientTop/clientLeft

 

offsetWidth/offsetHeight/offsetLeft/offsetTop/offsetParent

 

scrollWidth/scrollHeight/scrollTop/scrollLeft

這十三個屬性,前面一個是只讀屬性,scrollTop和scrollLeft是即可讀又可寫

獲取瀏覽器body屬性是有相容性的

var aa=document.body||document.document.documentElement

scrollTop和scrollLefyt的最小值0

獲取body整個文件的高

document.body.scrollHeight||document.documentElement.scrollHeight

獲取瀏覽器一螢幕的高(瀏覽器可視區)

document.body.clientHeight||document.documentElement.clientHeight

window下的兩個事件

        onscroll當滾動條滾動觸發

        onresize當視窗改變觸發

  

 

相關文章