offset属性与client属性以及scroll属性的对比


offsettop和offsetleft获取元素偏移  

css: 

  body部分:    
       
   
   
真是造孽啊
      offset 和 style的区别 :   client属性 

element.clientTop  返回的是包含padding+width(content)的上侧距离,并且不带数值 

element.clientLeft  返回的是包含padding+width(content)的左侧距离,并且不带数值 

* element.clientWidth  返回的是包含padding+width(content)的宽度,并且不带数值 

*element.clientHeight  返回的是包含padding+height(content)的高度,并且不带数值 

scroll属性 

element.scrollHeight  返回自身实际的高度, 不含border(边框)不带单位

element.scrollWidth 返回自身实际的宽度, 不含border(边框)不带单位

*element.scrollTop  返回被卷去的上侧距离 

*element.scrollLeft  返回被卷去的左侧距离 

 
   
        wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong         wo zhishi neirong    
   

 对比

主要用法

固定侧边栏案例:

css:         html:
   
侧边栏         返回顶部    
   
标题
   
导航

   
主体部分