1. 左边有个与图片等尺寸的容器，该容器
overflow:auto;2. 点击下面的按钮，给图片应用transform: translateY(100%)，结果出现了滚动条。
3. 滚动条出现，元素不可见，因为在容器的底部
overflow:auto;2. 点击下面的按钮，给图片应用transform: translateY(100%)，结果出现了滚动条。
3. 滚动条出现，元素不可见，因为在容器的底部
5. 与容器上边缘对齐显示了！
6. 此时元素可是translateY(100%)，照理来讲应该隐藏的，现在却显示了——因为锚点定位！此时如果再发生translateY(100%)到translateY(0%)的动画效果，结果就是——元素跑到容器的上面，看不见了！！
transform: translateY(-100%)不会出现滚动条，因此也就没有锚点定位偏移的说法，也就没有效果呈现的问题。