今天在解决 ios 移动端滚动穿透的问题时遇到一个问题，就是判断元素能否滚动，把这个过程记录下来。以下以纵向滚动为例，横向滚动同理。嫌麻烦的可以直接查看代码。

用户进入应用时会展示一系列的弹窗，这些弹窗的展示内容以及展示与否取决于进入应用时的一系列请求结果。由于接口请求返回数据的时间不确定，所以依赖不同接口的弹窗之间的展示顺序也不确定，且多个弹窗会出现叠加展示的问题，用户体验很不好。

这个问题其实跟之前经常碰到的一个面试题本质上是一致的。我们可以在上面函数中打印索引值，会发现打印出来的值都是3。经过 segmentfault 上网友的点拨，这个问题涉及到 js 中的两个问题，作用域链和事件执行机制。

在 css 中实现垂直居中很多时候会用到 vertical-align ，不过我一直对 vertical-align 的使用糊里糊涂，现在整理一下关于它的一些知识点。原文链接

在webkit内核浏览器中，设置了圆角(border-radius)和超出隐藏(overflow-hidden)属性的元素，当它的子元素通过动画改变关于 transform 的属性时，子元素会溢出圆形区域。

每个文本行中可以看做有四条线：顶线，中线，基线和底线。类似英语作业本上的“四线三格”。如下图（图片来自@梦禅的文章）line-height 行高就是指两个文本行相同线之间的距离。同一行的顶线到底线的距离就是内容区域高度，内容区域的高度只与字体和字号有关，在有的字体(simsun等)中，字体大小等于内容区域高度。上一行的...