How to solve the problem of Mini Program mask penetration
This article mainly explains "how to solve the problem of Mini Program mask penetration". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought. Let's study and learn how to solve the problem of Mini Program mask penetration.
Many enterprises in doing Mini Program projects will encounter a project, that is, click a button to appear a mask, but the following page can still be scrolled.
The solution is as follows:
.coupon _ receive_wrapper {
Display:none
Position:fixed
Left:0
Top:0
Right:0
Bottom:0
Width:100%
Height:100%
Background:rgba (0pr 0pl 0.5)
Z-index:11
Transition: all 1s ease
}
.coupon _ receive_wrapper.active {
Display:block
}
Add a touchmove event to the element of the mask layer, which is used to prevent the event from bubbling. The code in preventD is as follows: preventD () {} problem solved.
Thank you for your reading. the above is the content of "how to solve the problem of Mini Program mask penetration". After the study of this article, I believe you have a deeper understanding of how to solve the problem of Mini Program mask penetration. The specific use also needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!
