This article mainly introduces the shortcomings and solutions of jQueryMobile's long form content. It analyzes the solution when the bottom floating layer of jQueryMobile is blocked by using specific examples. It is very simple and practical. Friends who need it can refer to it. I hope it can Help everyone.

Once long content appears in the form, there are flaws in using the author's full-screen layout with fixed header and footer.

As shown in the figure, The last content of the long content cannot be exhausted until the scroll bar is pulled to the bottom.
And it is very likely that although the content in this place is now displayed as translucent, there are often some submit buttons or something like this.

Users can’t click at all,

Therefore, improvements need to be made to replace the content in the original code:

 

  
title
 

 

  
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
 

 

   

   

    
a
    
b
    
c
   
  

 

Add a style to the layer, style="margin-bottom:50px", which becomes:

 

  
title
 

 

  
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
 

 

   

   

    
a
    
b
    
c
   
  

 

, then the page can be exhausted, as shown in the figure below:

Related recommendations:

Recommended 3 articles about getting started with Mobile

Jquery_mobile for WeChat development microsite Case analysis

jQuery-mobile event monitoring and usage details

The above is the detailed content of How to solve jQuery Mobile form long content defect. For more information, please follow other related articles on the PHP Chinese website!