What is the window positioning of Mini Program development page?

This article will explain in detail how the window positioning of the Mini Program development page is, and the content of the article is of high quality, so the editor will share it with you for reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

In development, when we want to do some effects such as mask layer or page header fixed and page content scrolling, we often use the position: fiexd; attribute, but there are often events bound to positioning elements that cannot be triggered. What is the reason?

After groping, we finally found the answer: after the element positioning, the default value of z-index is still 0, and because of the positioning, the element is separated from the original document flow (page page layer). Therefore, although the positioning element is visible to the user, it is as if it no longer exists, so the value must be set: z-index is at least greater than or equal to 1, exposing the positioning element to the user. This triggers the event bound to the element.

Number of violations 6 fines 1200 points deducted 12 all owners points can be deducted / *-- page fixed location layer-* / .pageHead {position: fixed; top: 0; width:100%; background-color:#fff; z-index: 10 } about Mini Program development page window positioning is shared here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.