解决小程序滚动穿透、输入框placeholder层级穿透(偏移)问题

349 阅读1分钟

滚动穿透

  • 弹窗里的滚动穿透

    阻止弹窗的touch事件;同时弹窗里嵌套的元素需catch:touchstart来绑定事件,此时bind:tap是获取不到事件了。

image.png

  • canvas组件的滚动穿透官方是有提供disable-scroll属性的,设置为true即可;

输入框placeholder层级穿透问题

一般保证最外层盒子避免使用position: absolute即可解决。