css小技巧 通过pointer-events让移动端滑动面积变大

昨天遇到一个小问题，底部fixed的图片挡住整个body的滑动区域，部分小手机上滑动区域太小。
一开始打算直接手写滑动，通过touchmove时间改变内容的top值实现整个页面都可以滑动，底部的fixed图片区域也不会阻碍滑动。
后来发现一个css3属性pointer-events。挺好用的，就分享一下。

pointer-events  值为none时
元素永远不会成为鼠标事件的target。但是，
当其后代元素的pointer-events属性指定其他值时，
鼠标事件可以指向后代元素，
在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。
auto
与pointer-events属性未指定时的表现效果相同，
对于SVG内容，该值与visiblePainted效果相同

最后我通过把fixed图片设置none,滚动区域设置一个auto,就解决了。