[CSS] Page penetration and scrolling solutions appear under the custom mask layer

background

When we write a custom mask layer, the page below will scroll or penetrate

solution

1. @touchmove.stop.prevent="moveHandle" prohibits page sliding
2. When the mask layer is displayed, set the height of the bottom page to 100vh, and cancel the height setting when it is hidden
3. Use the page-meta tag, style attribute, < page-meta page -style="overflow:hidden"></page-meta>, this method is only for real devices, the hbx built-in browser does not take effect, when page scrolling is allowed page-style="" Advantages: no limit to page height

Guess you like

Origin blog.csdn.net/qq_45481971/article/details/131398521
Recommended