Not original, just think it can solve the problem
Original link: https://www.cnblogs.com/bride/p/10114240.html
1 Use vue to prevent the default event @touchmove.prevent to give the mask layer a prevent default event
2 Use a div to wrap the content you want to prevent it from sliding, and set the style of the div to
.hidden{
overflow: hidden;
position:fixed;
height: 100%;
width: 100%;
}
3 When you pop up the mask layer, add the style of this div. When removing the mask layer, also remove this class
4 The point is that the style of the div is set to a fixed positioning, which solves the problem of the following content sliding together.