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和锚点技术适合应用在单页应用（页面只有一屏，无滚动）上。