overflow學習筆記

overflow

1. 當overflow-x 與 overflow-y值相同時 ，等同於overflow
2. 當overflow-x 與 overflow-y值不相同時，且其中一個值爲visible,另一個被賦予，hidden,auto,scroll那這個visvible會被重置爲auto;
   
   

overflow: 作用前提

1. 非 display: inline 水平
2. 對應方位的尺寸限制: width/height/max-width/max-height/absolute 拉伸
3. 對於單元格 td 等, 需要 table 爲 table-layout: fixed 狀態纔可以
   

滾動條出現條件

滾動高度

    var st = document.documentElement.scrollTop || document.body.scrollTop

自定義滾動條

原生滾動回調 ：-webkit-overflow-scrolling: touch

BFC與overflow

overflow 失效

依賴overflow 的樣式表現

不足之處：錨點定位的穿透性很強，會定位到滾動條最上面的位置，oveflow和錨點技術適合應用在單頁應用（頁面只有一屏，無滾動）上。