刚入行前端才3个星期，踩坑无数······，遂写下来，供自己作参考用。
-
better-scroll插件和vant插件的picker用冲突。
因为bs会为bs实例内的第一个标签加上transform的属性。而vant的picker是用position：fixed定位的。做项目时，发现不论怎么修改，picker的位置都会不对。网上查得，因为transform与position的坐标系不同，导致postion：fixed降级，效果变为position：absolute。
尝试动态删除transform的属性，picker虽然能正确显示在相应的位置，但是选项的定位不正确，选择选项时，那一列的选项会跳动。一番修改，还是不能搞定。遂放弃用better-scroll. -
用better-scroll的原因是在移动端页面卡顿。又一番查资料后发现
body,html{width: 100%;height:100%}会导致在ios端卡顿。把body,html{height: 100%;}删去即可(就算把height：100v和也会卡顿)。方法二：利用ios 特有属性-webkit-overflow-scrolling : touch（但这个有个缺陷是设置了这个属性，这个标签内 position：fixed的元素会跟随滑动，直到滑动结束才固定指定的位置）
解决方案，只能把positon：fixed的标签与之分离。