Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how to solve the problem of excessive textarea level penetration in Mini Program". In daily operation, I believe many people have doubts about how to solve the problem of excessive textarea level penetration in Mini Program. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the problem of "how to solve the problem of excessive textarea level penetration in Mini Program". Next, please follow the editor to study!

Since doing Mini Program, I have encountered many holes, one of which is that the textarea level is too high, which will penetrate other levels, so it is useless to use z-index at this time. This is what the official said: > in order to optimize the experience of the Mini Program framework, some components such as map, video, textarea and canvas are implemented through native controls, and the native components are higher than the front-end components. In order to cover the native components normally, cover-view is designed.

So it is OK to use cover-view, but there are many holes when using cover-view, which leads to the use of cover-view will not work or the components in cover-view will not be displayed. Then I will describe the solution that I have implemented, hoping to help you. What I need on my side is that there is a submit button at the bottom, but the textarea above will be worn through the submit button, so the experience is very bad.

At first I wrote on this side:

Submit

Also read a lot of blog posts that these photos are not shown on the machine, my side is also the same, and then found the wrong information.

And then I turned the code into this:

Submit / / style button {position: fixed; bottom: 0rpx; margin: auto; width: 100%; height: 37px; background-color: # 0090FF; color: # FFFFFF; font-size: 34rpx; line-height: 37px; text-align: center;}

But this still does not show: by debugging the background color to the cover-view, it is found that the cover-view is not high:

A good version:

Submit / / style button {position: fixed; bottom: 0rpx; margin: auto; width: 100%; height: 37px; background-color: # 0090FF; color: # FFFFFF; font-size: 34rpx; line-height: 37px; text-align: center;} cover-view {height: 37px; position: fixed; bottom: 0 Width: 100%; z-index: 9999;}

So it is to add style to cover-view.

At this point, the study on "how to solve the problem of excessive textarea level penetration in Mini Program" is over. I hope I can solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.