宽度： 高度：



原理：

https://zhuanlan.zhihu.com/p/24887312
The scroll event is fired when the document view or an element has been scrolled.
当文档视图或者元素滚动的时候会触发 scroll 事件。
也就是说元素滚动的时候会触发这个事件，那么什么时候元素会滚动？当元素大于其父级元素，且父级元素允许其滚动的时候，该元素可以进行滚动。
换句话说，元素可以滚动意味着父子元素大小不一致，这是这个方法的核心。
那么我们需要让元素大小发生改变时，使得 scrollLeft 或者 scrollTop 发生改变，从而触发 scroll 事件，进一步得知其大小发生了改变。

visibility: hidden; opacity: 0; position: absolute;让自己变得虚无

addEventListener("scroll", scrollListener, true) 在捕捉阶段拦截事件，使用false无效

div.expand-trigger 变大

div.expand-trigger 变小

animationstart来监听显示，比如style.display = 'none'然后style.display = 'block'

问题：

1.额外创建四个元素节点以及一个style节点

1.事件都挂载了元素本身身上，